vue mixin混入的简单操作（vue-cli中的操作）

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>

如此就可以了！

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容