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

2021-10-19 17:48:31 字數 1084 閱讀 3835

使用範圍:

全域性元件使用範圍:可以在頁面中任何位置使用(前提是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...