vue组件化开发

Posted 2020-12-11 sna-ling

组件间传参：3种

1.父-子：

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

    解决：

            1.父组件中:

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

            2.子组件中:

                子组件={ 

                        template:`html片段 `,

                        data(){ return {} },

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

 

                  }

              结果:

                1.收到爹给的tasks

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

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

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

 

2.子->父:

3.兄弟间：