父容器:组件同学,你要学会适应我哦
2018-11-29 本文已影响0人
为了战战
父容器动态传值!
props是子组件用来接受父容器传值的参数,这里接受的变量和data中的变量同等阶级,使用起来一样顺手。
父容器就在调用组件时可以在标签中进行传值,使用v-bind就可以动态传父容器data中的变量。如此一来,组件就可以根据父容器中某个变量的改变随之进行改变。当然了,如同data中的值一样,通过监听函数watch就可以实现监听父容器的传值,并作出相应的改变。
如下:props接受autid变量,监听函数监听autid并调用函数changeToDos()。
props: {
'autid': {
}
},
watch: {
autid: {
handler(newValue, oldValue) {
this.changeToDos();
},
deep: true
},
},