美文网首页
父容器:组件同学,你要学会适应我哦

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

作者: 为了战战 | 来源:发表于2018-11-29 22:26 被阅读0次

    父容器动态传值!

    props是子组件用来接受父容器传值的参数,这里接受的变量和data中的变量同等阶级,使用起来一样顺手。
    父容器就在调用组件时可以在标签中进行传值,使用v-bind就可以动态传父容器data中的变量。如此一来,组件就可以根据父容器中某个变量的改变随之进行改变。当然了,如同data中的值一样,通过监听函数watch就可以实现监听父容器的传值,并作出相应的改变。
    如下:props接受autid变量,监听函数监听autid并调用函数changeToDos()。

      props: {
            'autid': {
            }
        },
    watch: {
            autid: {
                handler(newValue, oldValue) {
                    this.changeToDos();
            },
            deep: true
          },
        },
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/zhmqcqtx.html