作用：建立元件的方式一拆分vue例項的**，能夠讓我們以不同的元件來劃分不同的功能模組，直接呼叫對應的元件即可 方便ui元件的重用
與模組化的區別：
模組化是從**邏輯的角度進行劃分的，**的沒一層結構就是乙個模組，業務邏輯層，server層等
一般是後端，保證每個模組的職能單一
元件化是從ui介面的角度進行劃分的，每乙個單獨的標籤元素的模板就是乙個元件
一般是前段，方便ui元件的重用
！！注意：在使用元件時，仍需要建立乙個vue例項
使用vue.extend來建立全域性的vue元件
var 建立出來的元件模板物件=vue.
extend
()
vue.
componet
('元件名稱'
,建立出來的元件模板物件)
vue.
componet
('元件名稱'
,vue.
extend()
)
使用元件
《元件名稱
>
元件名稱
>
vue.extend()建立出來的是乙個模板物件建立元件的方式二vue.component(』』,{})是給模板物件命名
先建立模板物件，然後再命名，這是兩個步驟
方式一的簡寫
直接使用vue.component建立元件
vue.
component
('元件名稱'，
)
《元件名稱
>
元件名稱
>
只能有乙個根元素，不能有兩個以上的同級元素
需要使用別的標籤來包裹
建立元件的方式三
使用template設定id
vue.
component
('元件名稱'，
)
在vue例項外的區域定義html模板
"id"
>
template
>
使用元件
《元件名稱
>
元件名稱
>
建立乙個.js檔案
var ss=
'aaa
'export
default ss
//或者
//export var ttt='bbb
'
import ss from
'.js檔案路徑'
//或者
//import from '.js檔案路徑'
vue.
component
('元件名稱'，
)
使用.vue檔案來建立元件
參考vue中的.vue檔案的使用
私有元件的建立方式
只有定義了該元件的vue例項才能使用
使用vue例項中的components屬性來建立自由元件
var vm =
newvue(}
})
！！！components屬性是帶s的使用元件在私有的元件定義中，可以使用變數的簡寫方式
直接寫入乙個變數，元件名稱為變數的名稱
>
《元件名稱
>
元件名稱
>
div>
vue 元件的定義
1 什麼是元件？元件的出現，就是為了拆分vue例項的 量的，能夠讓我們以不同的元件來劃分不同的功能模組，將來我們需要什麼樣的功能，就可以去呼叫對應的元件即可。2 元件化和模組化的不同？3 全域性元件定義的三種方式 注意 元件中的dom結構，有且只能有唯一的根元素 root element 來進行包裹...
Vue元件定義
元件是可復用的 vue 例項。本質上是乙個物件，該物件包含data computed watch methods filters以及生命週期鉤子等成員屬性。元件結構 computed methods 乙個元件的 data 選項必須是乙個函式。data選項有兩種定義方式 一 物件形式 data 二 函...
vue定義元件
vue定義元件vue中定義元件有兩種 全域性元件和區域性元件。全域性元件可以在頁面的任何位置使用，區域性元件只能在定義的el的範圍內使用，在el的範圍外使用會不顯示 定義全域性元件的方法 vue.component component name 定義區域性元件的方法 new vue componen...