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‘
       }
   }
});

vue基础：组件的创建方式和组件的data值

原文：https://www.cnblogs.com/jigsawData/p/11784385.html