微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue混入mixin

 <div id="app">
        --{{nick11}}
    </div>
<script>
    // 全局混入  不需要注册
    var m1 = Vue.mixin({
        data() {
            return {
                nameName: "张三"
            }
        },mounted() {
            console.log("准备好了"); //先触发
        },methods: {
            Say() {
                console.log("hah ");
            }
        },})

    new Vue({
        el: '#app',data() {
            return {
                age: 20
            };
        },mounted() {
            console.log("123"); //后触发  并不会合并。
            // 但是如果data中的数据重名了,就出现覆盖。
            this.Say(); //调用混入中的方法
        },/**
          通过这一种混入的方式,就可以将一些常用的方法。带入混入里面去,实质上挂载到vue的实例上去哈。
        */
    })
</script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐