mixin混入真的是方便,在不同的组件中有相同的操作方法时可以单独提取出来,放到单独的文件中,在使用的组件中注入即可。以此实现vue组件中的可复用功能。
示例:
创建mixin.js文件:
const mixin = {
create(){
this.consoleSome()
},
methods:{
consoleSome(){
console.log("打印")
}
}
}
export default mixin
在某个组件中使用:
<script>
import mixin from "@/mixin/mixin"//文件位置
export default {
mixins:[mixin]
}
</script>
如此就可以了!