博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue的mixins的使用
阅读量:5222 次
发布时间:2019-06-14

本文共 781 字,大约阅读时间需要 2 分钟。

mixins就是混入。

一个混入对象可以包含任意组件选项。

同一个生命周期,混入对象会比组件的先执行。

1.创建一个test.js,用export暴露出mixins对象

export const mixinsTest = {    methods:{        hello(){            console.log("hello");                    }    },    created(){        this.hello()    }}

2.在组件中引入这个mixins对象,通过mixins:[xxx],使用mixins对象

 

补充:

可以混入多个mixins对象

//暴露两个mixins对象export const mixinsTest = {    methods: {        hello() {            console.log("hello mixins");        }    },    created() {        this.hello();    },}export const mixinsTest2 = {    methods:{        hello2(){            console.log("hello2");        }    },    created() {        this.hello2();    },}

组件中引入两个mixins对象

打印的顺序是:

 

转载于:https://www.cnblogs.com/luguankun/p/10849636.html

你可能感兴趣的文章
字典【Tire 模板】
查看>>
jquery的contains方法
查看>>
python3--算法基础:二分查找/折半查找
查看>>
Perl IO:随机读写文件
查看>>
Perl IO:IO重定向
查看>>
转:基于用户投票的排名算法系列
查看>>
WSDL 详解
查看>>
[转]ASP数组全集,多维数组和一维数组
查看>>
C# winform DataGridView 常见属性
查看>>
逻辑运算和while循环.
查看>>
Nhiberate (一)
查看>>
c#后台计算2个日期之间的天数差
查看>>
安卓开发中遇到的小问题
查看>>
ARTS打卡第3周
查看>>
linux后台运行和关闭SSH运行,查看后台任务
查看>>
cookies相关概念
查看>>
CAN总线波形中ACK位电平为什么会偏高?
查看>>
MyBatis课程2
查看>>
桥接模式-Bridge(Java实现)
查看>>
svn客户端清空账号信息的两种方法
查看>>