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'
}
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/177006.html
標籤：JavaScript
下一篇：vue-品牌管理案例