父容器:组件同学,你要学会适应我哦

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
      },
    },
上一篇 下一篇

猜你喜欢

热点阅读