Vue 小结

1. Vue.component(‘myCom’,{

  Template: ‘#tmp1’/‘<h1>{{msg}}<?h1>’,//和实例中data使用方式一样

   Data: function(){

      Return {

         Msg : ‘这是组建自己的data’

   }//组建中的data必须是一个方法且必须返回一个对象。如果对象是一个全局的对象 当多次调用这个模版 就会共用一个data对象引用 所以要在function中方定义数据对象

}

})

     2.子组件默认无法访问父组件的数据和方法  可以在父组件引用子组件的时候通过属性绑定的形式 把需要的数据传过去

<com1 v-bind:parentmsg=“msg”></com1>

子组件中用

Props:[‘parentmsg’],// 把父组件传递过来的属性在props中定义一下 组件中的所有props中的数据都是从父组件传递过来的 是只读的 字组件的data数据好似可读可写

<com1 v-on:func=“show”></com1> 父组件向子组件传递方法 使用时间绑定机制

This.$emit(‘func’) emit是触发调用 写在子组件的方法中 用来调用父组件传递过来的方法

This.$emit(‘func’，songs) 这时候子组件将自己的data传递给了父组件

触发父组件方法的时候取得子组件的data 赋给自己的data

    3.