使用範圍:
全域性元件使用範圍:可以在頁面中任何位置使用(前提是div的id跟vue例項繫結過)
區域性元件使用範圍:只能在定義它的el中使用,不能再其他位置使用,否則就無法生效
定義元件的方法:
全域性元件:可以使用vue.component(tagname,options)定義全域性元件
區域性元件:可以通過vue例項中component屬性定義區域性元件
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
head
>
src=
"">
script
>
>
style
="background-color
: red;
">
>
quanju
>
>
jubu
>
div>
"div2"
style
="background-color
: rebeccapurple;
">
>
quanju
>
>
jubu
>
div>
body
>
>
vue.
component
('quanju',)
var aaa =
newvue(,
components:})
newvue(,
})script
>
html
>
vue全域性元件與區域性元件
vue對元件的定義 元件是可復用的 vue 例項 元件之間是互不影響的,乙個元件的崩潰,並不會影響整個專案的執行。全域性元件 button add button add div src vue.js script 註冊全域性物件,要寫在vue例項的上面 vue.component button ad...
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...