vue中如何建立元件?

2022-08-17 20:03:14 字數 596 閱讀 4050

全域性註冊

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...