vue组件一直注册不了_Vue自定义组件及组件的注册方法
為了能在模板中使用，這些組件必須先注冊(cè)以便 Vue 能夠識(shí)別。這里有兩種組件的注冊(cè)類型：全局注冊(cè)和局部注冊(cè)。至此，我們的組件都只是通過(guò)Vue.component全局注冊(cè)的：Vue.component('component-name', {
// ... options ...
})
該組件名Vue.component就是的第一個(gè)參數(shù)。
注冊(cè)分為全局注冊(cè)和局部注冊(cè)：
1.全局注冊(cè)：
全局注冊(cè)的組件可以用在其被注冊(cè)之后的任何 (通過(guò)new Vuew({ })) 新創(chuàng)建的 Vue 根實(shí)例，也包括其組件樹中的所有子組件的模板中。
Vue.component("jishuqi",{
data:function () {
return {
count:0
}
},
template:'點(diǎn)擊了{(lán){count}}次'
})Vue.component("jishuqi2",{})
Vue.component("jishuqi3",{})
Vue.component("jishuqi4",{})var v=new Vue({
el:"#pp"
})
2.局部注冊(cè)
全局注冊(cè)往往是不夠理想的。比如，如果你使用一個(gè)像 webpack 這樣的構(gòu)建系統(tǒng)，全局注冊(cè)所有的組件意味著即便你已經(jīng)不再使用一個(gè)組件了，它仍然會(huì)被包含在你最終的構(gòu)建結(jié)果中。這造成了用戶下載的 JavaScript 的無(wú)謂的增加。var ComponentA = { /* ... */ }
var ComponentB = { /* ... */ }
var ComponentC = { /* ... */ }然后在conponents選項(xiàng)中定義你想要使用的組件：new Vue({
el: '#app'
components: {
'jishuqi1': Jishuqi1,
'jishuqi2': Jishuqi2,
'jishuqi3': Jishuqi3
}
})
對(duì)于components對(duì)象中的每個(gè)屬性來(lái)說(shuō)，其屬性名就是自定義元素的名字，其屬性值就是這個(gè)組件的選項(xiàng)對(duì)象。
注意局部注冊(cè)的組件在其子組件中不可用。
如果你希望 Jishuqi1在 Jishuqi2中可用，則你需要這樣寫：var Jishuqi1 = { /* ... */ }
var Jishuqi2 = {
components: {
'jishuqi1': Jishuqi1
},
// ...
}
本文來(lái)源于網(wǎng)絡(luò)：查看?>https://blog.csdn.net/yang__k/article/details/80336769
總結(jié)
以上是生活随笔為你收集整理的vue组件一直注册不了_Vue自定义组件及组件的注册方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： android开发 视图联动_新版首页技
- 下一篇： vue 分享微信传参_vue实现微信分享