vue全局变量设置

一、在vue里经常遇到要传递变量,我采用的方式是定采一个全局变量文件,global.js,在文件量设置全局变量,然后再设置成能修改;以下是方法:
二、在components文件夹里添加一个common文件夹,在common下添加一个global.js,当然也可以在其它路径添加js文件,文件名也可以自定:
export default {
curid : “”,
//修改curid的值
setcurid(curid) {
this.curid = curid;
}
}
三、在main.js下注册这个文件:
//全局变量
import global from ‘./components/common/global’

Vue.prototype.gkeys = global

四:调用方法:
在需要调用页面:
let _this= this;
let curid =_this.gkeys.curid;
五:修改变量的值:
let _this = this;
_this.gkeys.setcurid(item.id);
item.id为你要修改的值;
六:监听curid的值
6.1、在computed中设定要监定的值:
computed: {
isFollow() {
return this.gkeys.curid; //需要监听的数据
}
},
6.2、在 watch中监定变量的值:
watch: {
deep: true, //深度监听设置为 true,根据情况要不要深度监听
isFollow() {
console.log(“新id:” + this.gkeys.curid);
this.getUserDetail();
}

    原文作者:流浪四方
    原文地址: https://blog.csdn.net/u010086628/article/details/117173394
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞