美文网首页
vue mixin混入的简单操作(vue-cli中的操作)

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

作者: 菜鸟搬砖 | 来源:发表于2019-10-24 16:44 被阅读0次
    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>
    

    如此就可以了!

    相关文章

      网友评论

          本文标题:vue mixin混入的简单操作(vue-cli中的操作)

          本文链接:https://www.haomeiwen.com/subject/cbrdvctx.html