vue中mixins的使用

2021-10-09 14:16:06 字數 754 閱讀 5802

一、來自官網的描述

混入 (mixins): 是一種分發 vue 元件中可復用功能的非常靈活的方式。混入物件可以包含任意元件選項。當元件使用混入物件時,所有混入物件的選項將被混入該元件本身的選項。

在vue元件內,如果想將一些公共功能,如元件、方法、鉤子函式等復用,混入是乙個很好的選擇。下面簡單介紹一下混入的方式及特點。

你可以將乙個物件作為混入的選項,在元件中復用。因為vue例項也是物件,所以你可以將vue例項作為混入選項傳遞進去。

我們可以建立乙個目錄mixins,在建立乙個comment.js檔案如圖:

1. 定義混入物件

common.js 就是我們要混入其它元件的內容:

export

default}}

, filters:},

created()

, computed:},

methods:

,clickfn()

,// 其它屬性方法......

}}

2. 定義使用混入的元件test.vue元件用mixins把common.js內容混入當前元件

current

存在的問題:

vue中mixins 混入 的使用

一 來自官網的描述 混入 mixins 是一種分發 vue 元件中可復用功能的非常靈活的方式。混入物件可以包含任意元件選項。當元件使用混入物件時,所有混入物件的選項將被混入該元件本身的選項。在vue元件內,如果想將一些公共功能,如元件 方法 鉤子函式等復用,混入是乙個很好的選擇。下面簡單介紹一下混入...

vue中mixins 混入 的使用

混入 mixins 是一種分發 vue 元件中可復用功能的非常靈活的方式。混入物件可以包含任意元件選項。當元件使用混入物件時,所有混入物件的選項將被混入該元件本身的選項。在vue元件內,如果想將一些公共功能,如元件 方法 鉤子函式等復用,混入是乙個很好的選擇。下面簡單介紹一下混入的方式及特點。你可以...

Vue中mixins 混入 的使用

混入 mixins 是一種分發 vue 元件中可復用功能的非常靈活的方式。混入物件可以包含任意元件選項。當元件使用混入物件時,所有混入物件的選項將被混入該元件本身的選項。在vue元件內,如果想將一些公共功能,如元件 方法 鉤子函式等復用,混入是乙個很好的選擇。下面簡單介紹一下混入的方式及特點。你可以...