vue混入mixin

简介: 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>
相关文章
|
1天前
|
JavaScript
Vue全局注册与局部注册异同点
Vue全局注册与局部注册异同点
12 6
|
1天前
|
JavaScript
Vue的小知识点
Vue的小知识点
7 2
|
1天前
|
JavaScript Apache
Vue升级及版本不匹配解决_Vue packages version mismatch:
Vue升级及版本不匹配解决_Vue packages version mismatch:
7 1
|
1天前
|
JavaScript
VUE之彩虹点击
VUE之彩虹点击
4 1
|
1天前
|
JavaScript 定位技术
BIGEMAP地图VUE中引入
BIGEMAP地图VUE中引入
3 0
BIGEMAP地图VUE中引入
|
1天前
|
JavaScript
vue点击按钮复制文字到粘贴板
vue点击按钮复制文字到粘贴板
6 0
|
1天前
|
JavaScript 定位技术 开发者
vue项目使用腾讯地图获取定位
vue项目使用腾讯地图获取定位
4 0
|
1天前
|
JavaScript 开发者
如何新建一个vue+vant移动端项目
如何新建一个vue+vant移动端项目
6 0
|
1天前
|
JavaScript IDE 开发工具
你的第一个Vue项目HelloWorld看这一篇就够了
你的第一个Vue项目HelloWorld看这一篇就够了
6 0