mixin
mixin其实就是一个对象,提取组件的公共逻辑
应用场景:有多个组件时,这些组件有一些公共的数据、方法或生命周期函数,但也有其他不同的数据、方法或生命周期函数;此时为了提高代码质量可将公共的部分抽离出来。
实现方法:
1.新建一个mixin.js文件
export default { data () { return {} }, methods: {}, mounted: {} }
2.在使用到这些公共数据的组件中删除原来重复的部分后引入这个文件
import mixin from './mixin' export default { mixins: [mixin] }注:mixin可引入多个[mixin, mixin2]