extend

官網：Vue.extend( options )
有寫過 sass/scss的讀者，可以直接做聯想：讓相同的部分整個繼承，解決兩個組件非常相似但有微小部分不同的問題

var extendName = Vue.extend({ 
  元件內容直接貼上來(data, template...)
})
var childName1 = {
  不同的部分,
  extends: extendName,
}

特性和 scss非常相似，可以新增、覆寫，上面 Vue.extend就像 scss裡的%extendName{ ... }

filter

官網：filters 过滤器
官網：Vue.filter( id, [definition] )
參考：Summer。桑莫。夏天 Vue.js: Filter 過濾器
放置於雙大括號內，用來將資料文字格式化，例如在數字加上錢字號或千分位符號(1000 變成 $1,000)

{{ message | filterName }}

filters: {
  filterName: function (n) {
    return statements
  }
}

官網的範例是將第一個字轉為大寫，並說明從接收表達式的值取做參數，也就是這裡的n、官網的value。
過濾器可以串連，由左至右進行過濾，例如：

{{ message | filterName1 | filterName2 }}

小結

今天又是很短的文章，因為又跟版權有關係了，還有筆者表達及程式智庫能力的程度尚無法信手捻來，繼續把大富翁金氏媳婦系列放進去舉例。明天沒意外的話將會介紹也是跟sass/scss有出現的 mixin。TGIF~