兩種宣告方式
方法一:宣告乙個全域性指令
vue.directive('x', directiveoptions)
方法二:宣告乙個區域性指令
在options裡寫,只能被那個vue例項/元件使用
new vue(
})
關於directiveoptions
directiveoptions
是個物件,裡面有五個函式屬性
bind(el, info, vnode, oldvnode)★
inserted(引數同上)★
update(引數同上)
componentupdated(引數同上)
unbind(引數同上)★
bind示例
mixins示例
寫在了共同東西裡的東西被元件引用了之後,元件還可以覆蓋他們,vue會智慧型合併
示例mixins混入
extends繼承/擴充套件
provide | inject提供和注入
Vue 物件的選項
vue物件的選項通過向建構函式new vue 傳入乙個option物件去建立乙個vue例項。var vm new vue functional 讓元件無狀態 沒有data 和無例項 沒有this上下文 model 允許自定義元件使用v model時定製prop和event inheritattrs ...
vue 選項卡 typecho tabs選項卡外掛程式
在看技術文件的時候發現使用選項卡來呈現示例 是個很不錯的方式,既可以節約版面空間還清晰明了,比如下面這個簡單的vue宣告式渲染demo 實際執行效果 明顯比順序排下來好多了,剛開始在網上搜尋typecho此類外掛程式一直沒有找到,所以乾脆自己動手擼乙個,最後就在typecho的預設helloworl...
Vue製作tab選項欄
tab li tab div tab div.current active style head demo 1.先用靜態標籤來構建頁面 2.然後用vue.js來重構 tab shift index class currentindex index?active key index v for ite...