Vue extends 與 mixins 的不同


photo crop from https://unpkg.com/vue@2.3.0/dist/vue.js

好久以前,大概半年前我用了 Vue Typehead 這個第三方套件,那時候就按照 readme 直接用 extends 用上,半年後我加了好多新功能,把一樣的 methods, data property 拆出去變成 mixins。

extends: VueTypeahead,
----
mixins: [ hasPager, hasSearch ],

今天在整理 code 的時候,就好奇這兩個差別是什麼,看了一下 source code,好像是一樣的作用,最後都是呼叫 mergeOptions,只是 mixins 可以帶很多個 (因為是 Array),extends 就一個。

留言

這個網誌中的熱門文章

[Android] 筆記 手機上測試自己的 APP

解決fatal: Not a git repository (or any of the parent directories): .git錯誤

[Android 筆記] 設定 ImageView 的圖檔來源