vue全局变量定义和修改

1. 只读的全局变量

对于只读的全局变量，知道的有以下两种使用方式：

1）global.js 模块中定义；其他模块import后再使用即可

1.1）定义

import Vue from 'vue';let MyComm = new Vue({methods: {deleteCookie: function (cname) {let d = new Date();let expires = "expires=" + d.toGMTString();document.cookie = cname + "=; " + expires;}
})export default MyComm;

1.2）引用

import MyComm from "./components/common/comm";
MyComm.deleteCookie('ms_username')

2）gobal.js 模块中定义，并绑定到 prototype，其他任何Vue实例可直接引用 this.$xxxx

2.1）定义，绑定&引用

import Vue from 'vue';let MyComm = new Vue({methods: {deleteCookie: function (cname) {let d = new Date();let expires = "expires=" + d.toGMTString();document.cookie = cname + "=; " + expires; } }) export default MyComm;Vue.prototype.$MyComm = MyComm;

//项目中任何地方都可如此引用 this.$MyComm.deleteCookie('ms_username')

2.可读写的全局变量

如果想随时修改全局变量的值，有一种办法：main.js中data定义，其他地方通过 this.$root.{paramName} 来引用/修改

2.1）main.js 中定义

new Vue({router,data: function(){return {ORDERID: 'PLDxxxxxx0001',}},render: h => h(App)
}).$mount('#app');

2.2）引用

// 修改
this.$root.ORDERID = "xxxxx"
// 引用
let orderId = this.$root.ORDERID

转载于:https://www.cnblogs.com/dannyyao/p/10190384.html

vue全局变量定义和修改相关推荐

Vue全局变量使用与修改
content.js export default {msg: "Hi",setMsg(msg) {this.msg = msg;} } main.js 注入 import con ...
vue.js—定义全局变量、函数
废话不多说,直接上代码,以便以后学习查看... 一.全局变量原理: 单独新建一个全局变量模块文件,模块中定义一些变量初始状态,用export default 暴露出去. 在main.js中引入,并通 ...
vue全局变量和局部变量,给vue定义全局的方法
vue2.0 全局变量怎么设置? vue2.0设置全局变量的源码如下:VUE介绍:DisplayOptions显示选项:包括线框显示选项框,填充框,线框,平面阴影和平滑阴影.每个对象及显示窗口均可以对 ...
vue 变量定义对象_详解Vue 全局变量，局部变量
局组件和局部组件 1.先定义组件 Vue.component('组件名', { 组件模板对象 }) 注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小 ...
vue全局变量的定义与任意调用
vue全局变量的定义与任意调用首先: 在main.js文件中定义全局变量的代码,举例示下: 参考文章:https://www.cnblogs.com/weibanggang/p/11368615. ...
vue如何定义：全局变量、全局方法
开发中会经常用到一些常用的变量和方法例如ajax这种一.给vue定义全局变量 1.定义专用模块来配置全局变量定义一个专用模块来配置全局变量,然后通过export暴露出去,在需要的组件引入gl ...
uniapp转微信小程序后Vue.prototype定义的全局变量在微信小程序页面无法直接访问
使用Vue.prototype定义的全局变量使用uni-app开发多端应用,为了防止小程序上应用包过大同时又不影响app端的使用体验,我将一些静态资源的路径改为了Vue.prototype定义的全局 ...
js定义全局变量 vue页面_详解Vue.js 定义全局变量的几种实现方式
详解Vue.js 定义全局变量的几种实现方式发布于 2020-8-11| 复制链接本篇文章主要介绍了VUE 全局变量的几种实现方式,小妖觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小妖 ...
vue全局变量的配置
一.vue 全局变量(vue 全局变量又是需要单独设置请求路径的前缀,但又要根据当前环境是开发环境还是生产环境动态匹配,那么就用这种方法) .env 在所有的环境中被载入 .env.local 在所有 ...

vue全局变量定义和修改

1. 只读的全局变量

1）global.js 模块中定义；其他模块import后再使用即可

1.1）定义

1.2）引用

2）gobal.js 模块中定义，并绑定到 prototype，其他任何Vue实例可直接引用 this.$xxxx

2.1）定义，绑定&引用

2.可读写的全局变量

2.1）main.js 中定义

2.2）引用

vue全局变量定义和修改相关推荐

最新文章

热门文章