將頁面拆分為多個元件，簡化了頁面開發，方便維護，元件也可以復用。
元件的型別
元件開發流程：宣告、註冊、使用
demo 元件使用流程
<div
id>
div>
<
script
>
varmyheader
=
varmybody
=
varmyfooter
=
newvue(,
template:''
//使用元件
});
script
>
宣告是全域性宣告，但需要在每乙個使用vue物件中進行註冊。
使用元件有2種方式
宣告元件時是用了語法糖的
//原來的寫法
var myheader=vue.extend()
//語法糖
var myheader=
效果都一樣，但使用語法糖明顯要簡便些
元件宣告、註冊的另一種方式
//宣告+註冊乙個元件
vue.component('myheader',)
vue.component('mybody',)
vue.component('myfooter',)
newvue();
宣告、註冊都是全域性的，在vue物件中可以直接使用
元件中除了template，還可以有其它部分，比如data。
vue 開發系列 元件開發
vue 的乙個特點是進行元件開發，元件的優勢是我們可以封裝自己的控制項，實現重用，比如我們在平台中封裝了自己的附件控制項，輸入控制項等。在vue 中乙個元件，就是乙個獨立的.vue 檔案，這個檔案分為三部分。1.模板 2.指令碼 3.樣式 我們看乙個系統中最常用的元件。if right r clas...
Vue元件化開發
1 模組化 模組化開發是從 邏輯角度來劃分的。2 元件化 是從ui介面角度來劃分的。使用標籤形式引入元件 mycom div 建立元件第一種方式 vue.component mycom 建立乙個vue例項 var vm newvue methods script body 使用標籤形式引入元件 my...
Vue元件化開發
前言 1 全域性元件註冊語法 vue.comonent 元件名稱，2 元件的用法 3 元件註冊注意事項 4 元件的命名方式 vue.component my component vue.component mycomponent 5 區域性元件註冊 var componenta var compon...