混入

最新推荐文章于 2022-07-12 16:01:25 发布

FreeBSFree

最新推荐文章于 2022-07-12 16:01:25 发布

阅读量133

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_17190231/article/details/91046760

版权

vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

普通混入

<body>
<div id="app">

</div>
<script>
    var myMixin = {
        created:function () {
            this.start()
        },

        methods:{
            start:function () {
                document.write("test")
            }
        }
    }

   var ComponentMy = Vue.extend({
        mixins:[myMixin]
    })
    
    new ComponentMy();
  new Vue({
      el:"#app"
  })
</script>
</body>

合并混入

<body>
<div id="app">

</div>
<script>
    var myMixin = {
        created:function () {
            document.write("test")
        }
    }


  new Vue({
      el:"#app",
      mixins:[myMixin]
  })
</script>
</body>

混入优先级较低

<body>
<div id="app">

</div>
<script>
    var myMixin = {
        methods:{
            start:function () {
               document.write("start" + '</br>')
            },

            end:function () {
                document.write("myMixin-end" + '</br>')
            }
        }
    }


 var vm = new Vue({
      el:"#app",
      methods:{
          hello:function () {
              document.write("hello" + '</br>')
          },
          end:function () {
              document.write("Vue-end" + '</br>')
          }
      },
      mixins:[myMixin]
  })

    vm.start();
    vm.end();
    vm.hello();
</script>
</body>

全局混入

<body>
<script>
    Vue.mixin({
        created:function () {
            document.write("test")
        }
    })

    new Vue({

    })
</script>
</body>

FreeBSFree

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
混入

普通混入<body><div id="app"></div><script> var myMixin = { created:function () { this.start() }, methods:{ start:functio...
复制链接

扫一扫

专栏目录