vue基礎：組件的創建方式和組件的data值

vue組件是什麼：

組件是可復用的 Vue 實例，組件可以進行任意次數的復用

vue組件創建方式有3種：

//第一種創建組件的方式
// Vue.extend創建全局組件
var com1 = Vue.extend({
    template: '<h1>我的第1個組件</h1>'
});
//註冊組件
//vue.component('組件名稱','組件的模板對象')
Vue.component('user_com1', com1);


//第二種創建組件的方式

Vue.component('user_com2',{
   template: '<h1>我的第2個組件</h1>'
});
//第三種創建組件的方式

Vue.component('user_com3',{
    template:'#myTemplate'
});

組件的da'ta必須作為一個函數，返回對象

Vue.component('test_data',{
   template:"<h1>{{msg}}</h1>",
   data:function () {
       return{
           msg:'我是組件中的data'
       }
   }
});