本篇內(nèi)容主要講解“vue怎么引入mixins”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“vue怎么引入mixins”吧!
創(chuàng)新互聯(lián)公司服務(wù)熱線:13518219792,為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),創(chuàng)新互聯(lián)公司網(wǎng)頁制作領(lǐng)域十年,包括邊坡防護(hù)網(wǎng)等多個領(lǐng)域擁有豐富的網(wǎng)站運(yùn)維經(jīng)驗(yàn),選擇創(chuàng)新互聯(lián)公司,為企業(yè)錦上添花。
具體步驟如下:
1.首先,新建一個mixins文件,并在文件中定義一個mixins對象;
export const myMixin = {
data(){
return{
num:1,
}
},
created(){
this.hello();
},
methods:{
hello(){
console.log('hello from mixin')
}
}
}
2.mixins對象定義好后,在vue-cli中新建一個vue項(xiàng)目;
vue create project-name
3.最后,vue項(xiàng)目新建好后,在項(xiàng)目中使用import方法將mixins對象導(dǎo)入到vue項(xiàng)目中即可;
impore {myMinxin} from '@/assets/mixin.js'
export default {
mixin:[myMinxin],
}
到此,相信大家對“vue怎么引入mixins”有了更深的了解,不妨來實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!