Vue的全局变量的使用,包括创建文件,引入,使用方法(新手向)

时间:2024-04-12 11:14:56

  因为手机上的app没有携带浏览器,所以程序中用localstroge.setitem进行本地存储的变量都会失效,当手机上的app不能用localstroge.setItem时又想有全局可用变量,这个时候就可以引入全局变量
**

1.创建全局变量的js文件

**
Vue的全局变量的使用,包括创建文件,引入,使用方法(新手向)这里的文件名可以随意取

2.在src目录下的main.js文件中注册全局变量

Vue的全局变量的使用,包括创建文件,引入,使用方法(新手向)Vue.prototype.属性名 = 引入文件时自己起的名
在vue页面中使用时就直接用this.属性名可以直接调用我们在全局变量中定义的值

3.调用及在Vue页面中改变全局变量的值

Vue的全局变量的使用,包括创建文件,引入,使用方法(新手向)这个全局变量相当于存在每个Vue页面中的data(){}里,不用再加import引入js文件,可以直接使用.比如我在这里使用的是全局变量中id变量,在全局变量中var id = 1,所以这里显示就是1
    在Vue页面中调用全局变量文件中的函数可以改变全局变量的值,比如上面的文件中我定义了一个setid(id){this.id = id}的函数,这里调用的时候this.global.setid(id)=你想要存的值
Vue的全局变量的使用,包括创建文件,引入,使用方法(新手向)这样就能成功修改全局变量的值