在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue項目里的組件里都可以創(chuàng)建實例嗎?

vue項目里的組件里都可以創(chuàng)建實例嗎?

一個vue項目里有很多組件,在每一個組件里我都可以注冊一個全局組件嗎?就是組件套組件。
可以為每一個組件頁面都添加一個實例new Vue({})嗎?

比如一個在一個子組件里:

<template>
    <div id="example">
        <my-con></my-con>
    </div>
</template>
<script>
Vue.component('my-con',{
    template:'<div>3333</div>'
})
new Vue({
    el:'#example'
})
</script>

可以為這個id為example的子組件又添加一個組件嗎?

回答
編輯回答
孤影

希望我的回答對你有所幫助!


1、首先有疑問的一點,為什么要每一個組件new一個Vue實例? Vue注重SPA(單頁應(yīng)用程序)開發(fā),即使需要跨組件共享數(shù)據(jù)也最多再new一個Bus(官方文檔的命名)的Vue實例,若需要多狀態(tài)管理,可以考慮使用Vuex。
2、既然是在組件里面注冊全局組件,何不直接在一個Vue實例上注冊全局組件,相信組件命名不重復(fù)并不是那么難,而且使用起來方便快捷,便于維護(hù)。


以上僅為個人的一些意見和建議,希望能對題主有所幫助!

2018年2月28日 04:00
編輯回答
別逞強(qiáng)
var Child = {
  template: '<div>A custom component!</div>'
}

new Vue({
  // ...
  components: {
    // <my-component> 將只在父組件模板中可用
    'my-component': Child
  }
})

局部注冊

2018年7月19日 17:38