全域性註冊vue.component('my-component-name', )
這些元件是全域性註冊的,也就是說它們在註冊之後可以用在任何新建立的vue根例項(
newvue)的模板中。比如:
js中:
vue.component('component-a', )
vue.component('component-b', )
vue.component('component-c', )
html中:
在所有子元件中也是如此,也就是說這三個元件在各自內部也都可以相互使用。
區域性註冊
var componenta =
var componentb =
var componentc =
然後在 components 選項中定義你想要使用的元件:
newvue(
})注意區域性註冊的元件在其子元件中不可用。例如,如果你希望 componenta 在 componentb 中可用,則你需要這樣寫:
var componenta =
var componentb =,
//...}
vue中元件的建立
三種建立方法 注意 1.模板template中只能有乙個根節點 2.元件的名字,如果採用駝峰命名的話,如myname,那麼在使用的時候只能只用my name1.vue.extend結合vue.component建立 index a div vue.extend 函式會返回乙個元件的構造器,它裡面包含...
如何理解Vue中的元件
vue2.6已經更新了關於內容插槽和作用域插槽的api和用法,為了不誤導大家,我把插槽的內容刪除了。詳情請看官網 2018 07 19更新 更新作用域插槽的屬性 scope slot scope 新增了物件解構。今天看了下vue官網上關於元件的教程,感覺內容還挺多,現在把元件中基本的知識梳理一下。註...
Vue父子元件建立
1.首先搭建vue cli簡易腳手架 搭建步驟 2.在src目錄下新建component資料夾 3.在component下新建父元件頁面user.vue,在component下新建子元件頁面main.vue 4.mian.vue頁面中 如下 注意 template下方只能有乙個根元素 我是子元件 m...