vue mixin混入的简单操作(vue-cli中的操作)

mixin混入真的是方便,在不同的组件中有相同的操作方法时可以单独提取出来,放到单独的文件中,在使用的组件中注入即可。以此实现vue组件中的可复用功能。

示例:
创建mixin.js文件:

const mixin = {
    create(){
      this.consoleSome()
    },
    methods:{
      consoleSome(){
       console.log("打印")
      }
    }
  
}
export default mixin

在某个组件中使用:


如此就可以了!

你可能感兴趣的:(vue mixin混入的简单操作(vue-cli中的操作))