vue全域性元件與區域性元件

2021-10-03 22:15:02 字數 717 閱讀 5195

vue對元件的定義:元件是可復用的 vue 例項

元件之間是互不影響的,乙個元件的崩潰,並不會影響整個專案的執行。

全域性元件

>

>

button-add

>

>

button-add

>

div>

src=

"vue.js"

>

script

>

>

// 註冊全域性物件,要寫在vue例項的上面

vue.

component

('button-add',}

, template:

`}`,

methods:}}

)// 建立vue例項

var vm =

newvue()

script

>

區域性元件
>

>

hello-world

>

div>

src=

"vue.js"

>

script

>

>

var hello =},

template:`}`

}newvue(}

)script

>

Vue元件之全域性元件與區域性元件

元件 component 是 vue.js 最強大的功能之一。元件可以擴充套件 html 元素,封裝可重用的 在較高層面上,元件是自定義元素,vue.js 的編譯器為它新增特殊功能。在有些情況下,元件也可以是原生 html 元素的形式,以 is 特性擴充套件。個人認為就是乙個可以重複利用的結構層 片...

Vue 全域性與區域性元件

最近接觸了一點vue,自己看了一下書稍微記一下收穫的筆記 1,如何全域性呼叫乙個元件?首先我在src目錄下的components目錄下寫了乙個users.vue的元件 然後在main.js中設定全域性元件 the vue build version to load with the import c...

vue的全域性元件與區域性元件

使用範圍 全域性元件使用範圍 可以在頁面中任何位置使用 前提是div的id跟vue例項繫結過 區域性元件使用範圍 只能在定義它的el中使用,不能再其他位置使用,否則就無法生效 定義元件的方法 全域性元件 可以使用vue.component tagname,options 定義全域性元件 區域性元件 ...