今天寫了寫vue的元件化開發demo，有些小的心得。分享一下。
元件化意味著**可以復用，呼叫元件就可以了。然後可以通過元件呼叫元件的相關能力。
例如以前我做元件化開發的乙個小專案
原生js元件的實現
這就是乙個**了，**分割成以頁面為一級單位，元件為二級單位的乙個格局，然後呼叫addpage(),addcomponent()方法即可去生成**，當然為了實現這個想法，我花了大概一周的時間，而且用了fullpage和jquery，如果用js去開發的話估計是上天的節奏。看完這個我覺得我的元件更類似於外掛程式，因為這個元件整合的功能太多了
這是其中的乙個頁面，元件實現了動畫，dom，資料，重點是和fullpage是嚴重耦合的。也不能說不可以耦合，就是不好這個元件庫限制多了一層。不好去使用他了。
vue的元件
vue做得比較不錯的一點就是元件化開發，廢話不多說，直接上**
首先假如後台取到的資料是這個樣子的，而我們生成的**是下邊那種。
於是乎我們就會去寫**，下邊那種，兩個元件，注入兩條資料。
元件下邊那樣子，通過v-for去拿到資料，展示出來
然後vue中間結合，把資料放入作用域，作用域內可以呼叫資料。
這樣就搞定了，模板搭建，提供資料介面，vue把資料寫入作用域，作用域內的元件拿到資料就ok了。然後形成html+資料的元件開發
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...
Vue元件化開發
1.建立元件構造器 2.註冊元件 3.使用元件 cpn div 1.建立元件構造器物件 const cpnc vue.extend 2.註冊元件 標籤名，元件構造器 vue.component cpn cpnc newvue script 各步驟的含義 1.vue.extend 2.vue.comp...