Prototype(原型属性):

在Vue在main.js中创建

Vue.prototype.a = 1; 这个全局的变量后;

在组件a中使用

console.log(this.a);     // => 1
this.a = 2;

然后从a跳到b后

console.log(this.a);    // => 1

*this调用属性


Windows(全局变量):

在Vue在main.js中创建

window.a = 1;

在组件a中使用

console.log(a)    // => 1
a = 2;

然后从a跳到b后

console.log(a)    // => 2

*直接调用变量

Data(全局属性):

在Vue在main.js中创建

new Vue({
    ...
    data() {
        return {
            ...,
            a: 1
            ...
        };
    },
    ...
});

在组件a中使用

console.log($root.a)    // => 1
$root.a = 2;

然后从a跳到b后

console.log($root.a)    // => 2

*$root调用属性 

觉得文章不错点个赞鼓励下吧~ 

版权声明:转载请注明出处链接,Thanks♪(・ω・)ノ https://blog.csdn.net/qq_40259641/article/details/90635778

Logo

前往低代码交流专区

更多推荐