vue组件化开发

组件间传参:3种

1.父-子:

    问题:父组件中的成员,子组件默认不允许随意访问!因为,每个组件中的数据,归当前组件专属独有!

    解决:

            1.父组件中:

                <子组件标签   :自定义属性名=“父的变量”

            2.子组件中:

                子组件={ 

                        template:`html片段 `,

                        data(){ return {} },

                        props:["要接收的自定义属性名"],

                  }

              结果:

                1.收到爹给的tasks

                2.在孩子中创建一个tasks变量,用于引用爹给的值

                 props中的变量,用法和data中的变量完全一样

                 data中的变量是自建的,props中的变量值是爹给的

 

2.子->父:

3.兄弟间:

原文地址:https://www.cnblogs.com/sna-ling/p/13166690.html