vue官方文件的demo總是會省略很多東西，對於我們這樣的小萌新十分不友好啊喂。函式式元件這塊兒（鏈結函式式元件）這個demo啊，並沒有實現什麼實際的東西，還是需要自己去編寫。我把它編輯好了，大家可以參考一下。
首先，html這塊兒：
//當父元件傳過來的是空items時
var emptylist = ;
//當父元件傳來的items元素為物件型別時
var tablelist = 'ul'
// 當父元件定義了isordered變數且為true
var unorderedlist = 'ul'
//定義元件
vue.component('smart-list',
//生成模板
return createelement(
//模板標記為渲染規則函式返回值
//模板子元素，返回乙個陣列
return createelement('li',context.props.items[index].name)}))
},props: ,
isordered: boolean
}});
new vue(,,]
}})
這裡我們例子中的items陣列中的元素為物件型別。
這裡總共建立了3個模板子元素
最終瀏覽器中的渲染結果： b
c 以上。
Vue函式式元件
用法，在template標籤使用 functional class y divider y divider props.direction class y divider text is props.position v if slots default props.direction vertic...
Vue元件理解
1 關於元件 元件可以擴充套件html元素，封裝可重用的 註冊全域性元件 vue.component tagname,options 的形式。如 template this is my componentdiv 元件註冊需要在初始化根例項之前進行，即先註冊元件，再初始化vue例項。對元件進行註冊之後...
VUE元件的生命週期的個人理解
元件生命週期都是用方法的形式來展示的 元件生命週期三個階段，一共有11個方法，核心 8 個方法 元件的生命週期方法，稱呼為 生命週期鉤子函式 鉤子函式出現的意義 一丶初始化階段 初始化階段 觸發條件自動觸發 總結 前三個只記憶，工作中不使用 mounted可以得到真實dom，我才能操作dom bef...