vue 全域性元件和區域性元件

vue.component('mycpn', cpnc)

components:

<

html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>document
title
>
<
script 
src="../js/vue.js"
>
script
>
head
>
<
div 
id>
<
mycpn 
/>
div>
<
div 
id>
<
mycpn 
/>
div>
<
body
>
<
script
>
const cpnc 
=vue.extend()
'mycpn', cpnc)
//這種註冊元件的方式是全域性元件，可以在多個vue例項中使用。
let vm 
=new
vue(
//這種註冊元件的方式是區域性元件，只能在註冊這個元件的vue例項中使用。
}) let vm2 
=new
vue()
script
>
body
>
html
>

vue全域性元件和區域性元件

vue元件包括兩種 1 全域性元件，2 區域性元件 區域性元件var 變數名字一定要放在new vue例項外面 1 全域性元件 text align center color red font size 20px margin top 20px 全域性元件直接像上面這樣 註冊 就可以 如果還想註冊繼...

Vue 元件（一）全域性元件和區域性元件

根據vue官方文件 元件 component 是vue.js最強大的功能之一。元件可以擴充套件html元素，封裝可重用的 在較高層面上，元件是自定義元素。按我當前學習程度的理解，元件就是定義乙個自己的新標籤，新標籤可以在html 中使用。全域性宣告元件 vue.component my compon...

VUE註冊全域性元件和區域性元件

全域性元件 第一步 在components資料夾下建立乙個子檔案users.vue class users 第二步 在main.js中進行全域性註冊 the vue build version to load with the import command runtime only or stand...