混入的作用:可以省很多代码(高类聚低耦合),还方便维护;
他可以把多个组件中重复出现的属性和方法进行封装方便多次调用。
混入就是把公共的方法逻辑抽取出来放在一个公共的组件内。不过里面可以写data数据
let mixin = {
data(){
return{
str:'你好'
}
},
created() {
console.log("我是混入的生命周期函数")
},
methods: {
showToast(){
alert("我是混入中的方法啊!")
}
},
}
// 记住,最后一定要导出
export default mixin
import mixin from '../mixin/mixin.js' // 首先引入这个混入对象
export default {
mixins:[mixin], // 然后注册你引入的这个混入对象
}