根元件：new vue({}) 根元件只有乙個
乙個根元件中包含什麼：
狀態：data 是給模板提供資料
方法：methods 是給模板提供方法
生命週期鉤子函式：8個生命週期函式
計算屬性：computed 根據已有的狀態，計算出乙個新的狀態
過濾器：對狀態進行格式化
el:是指定模板
....
子元件：子元件中包含的內容和根元件中包含的內容是一樣的。
子元件分兩類：
1）全域性元件
2）區域性元件
全域性元件： 元件的三步曲。
1）定義出全域性元件 定義元件比較難
2）註冊元件 註冊成全域性元件 你也可以註冊成區域性元件
3）使用元件 在根元件的模板中使用
第二步：註冊元件 先全域性註冊 vue.component全域性註冊 ; vue.component(「my-com」,com)
第三步：使用元件時，使用的是註冊名，不是定義元件物件的名字
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
>
style
>
head
>
>
>
>
my-com
>
div>
>
>
>
my-com
>
div>
"test"
>
>
>
我是乙個子元件div
>
>
}p>
div>
template
>
src=
"../js/vue-development.js"
>
script
>
>
// 第一步：定義乙個元件物件，乙個元件可以組成成乙個js物件 com表示元件物件的名字
let com =}}
// 第二步：註冊元件 先全域性註冊 vue.component全域性註冊
// my-com叫註冊時的名字，
vue.
component
("my-com"
,com)
;// 由於my-com是全域性註冊，就可以在多個根元件中使用
let vm =
newvue()
;let vm2 =
newvue()
;script
>
body
>
html
>
第二步：區域性註冊 在vm中註冊 "my-com"是註冊時的名字 com是元件物件名字; components:
第三步：使用元件時，使用的是註冊名，不是定義元件物件的名字
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
>
style
>
head
>
>
>
>
my-com
>
>
div>
div>
>
>
div>
"test"
>
>
>
我是乙個子元件div
>
>
}p>
div>
template
>
src=
"../js/vue-development.js"
>
script
>
>
// 第一步：定義乙個元件物件，乙個元件可以組成成乙個js物件 com表示元件物件的名字
let com =}}
let vm =
newvue(}
);let vm2 =
newvue()
;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 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...
Vue 元件（一）全域性元件和區域性元件
根據vue官方文件 元件 component 是vue.js最強大的功能之一。元件可以擴充套件html元素，封裝可重用的 在較高層面上，元件是自定義元素。按我當前學習程度的理解，元件就是定義乙個自己的新標籤，新標籤可以在html 中使用。全域性宣告元件 vue.component my compon...