Vue.js框架--父组件传属性和方法给子组件、父组件传整个对象给子组件（十三）

主要操作技能：

     1 .父组件调用子组件的时候，绑定动态属性 

     2.在子组件中通过props来接受父组件传的数据 

          props: ['title','msg','run','home'] 

          props: { //可以指定属性具体的数据类型哦！
            'title': String,
            'msg': Number,
            'run': Function,
            'home': Object
          } 

   3.直接在子组件中使用

编写代码：

Header.vue

App.vue

注意： 可以指定属性的数据类型 （效果忽略）

 

效果：

父组件传值给子组件（属性）

子组件的属性名msg不能父组件的属性名msg相同哦！否则会出现异常的哦！

 

修改后，就不会发生这个异常了！

子组件执行父组件的方法

子组件执行父组件属性和方法(传对象)