Mixin 的使用
1、在 assets 文件夹中 新建 js 文件
2、在 js 文件中 可共用的 选项API和生命周期函数 然后导出
const mixins = {
data: function() {
return {
}
},
methods: {
},
beforeCreate(){
},
created(){
},
beforeMount(){
},
mounted(){
}
}
export default mixins
3、在使用的页面引入
import mixins from '../assets/mixins.js'
4、在页面使用 (与data同级)
mixins:[mixins],
页面和混入js文件中定义相同的数值或方法只会显示在页面定义的数值和执行页面定义的方法,
而执行生命周期函数会先执行混入js文件中的生命周期函数。
因为 混入中的函数先执行,页面的函数后执行,页面的函数会覆盖混入js文件中的函数