VUE中设置全局变量，在组件中引用、修改它

main.js

import global from './components/global/global'
Vue.prototype.global = global;

global.js

export default
{messNum:'',//未读消息数量setmessNum (messNum) {this.messNum = messNum}
}

zujian.vue 引用和修改

html中引用：
{{global.messNum}}
js中应用：
this.global.messNum
js中修改：
this.global.setmessNum(Number(this.global.messNum)-1)

VUE中设置全局变量，在组件中引用、修改它相关推荐

html引用c 变量,在jsp页面中定义全局变量,供其他页面引用
一.在一个jsp中引用另一个jsp的方法有: 1.使用 jsp include指令(常用): file属性是必填的(绝对或相对路径),但它不支持任何的表达式,也不允许通过?挂参方式来传递参数. 注意: ...
moel vue 自定义v_vue在自定义组件中使用v-model的方法
vue如何在自定义组件中使用v-model v-model指令所谓的"指令"其实就是扩展了HTML标签功能(属性). 先来一个组件,不用vue-model,正常父子通信我是父亲 ...
vue 组件属性监听_详解vuex 中的 state 在组件中如何监听
前言不知道大家有没有遇到过这样一种情况? vuex中的state会在某一个组建中使用,而这个状态的初始化是通过异步加载完成的.组件在渲染过程中,获取的state状态为空.也就是说组件在异步完成之前就 ...
C++头文件中定义全局变量在多次引用时出现变量多次定义符号冲突的解决办法...
如果头文件多次被include 则全局变量的定义不能写在这个头文件中建议写在一个Cpp文件中, 然后要用时, 加 extern 头, 再声明一下下就可以用了如在.Cpp中 int ...
【Vue】解决 Vue 视图不刷新和组件循环引用不加载问题
1.视图不刷新:强制更新视图场景: 1.当你的一个input绑定的值,是data中开始不存在的,后来新添加的情况,可能你就需要用到这个强制更新了: 2.也可能是项目遗留问题,你来进行修复,不想大动干 ...
Linux下设置时区（通过shell设置和程序中设置）及程序中设置环境变量
Shell中设置 bash中 export TZ="Europe/Moscow" date -u -s "2011-10-29 21:55:00&quo ...
1、代码中设置编码、编辑器中设置Python的编码
1Python中文编码 1.1代码中设置编码 Python中默认的编码格式是ASCII格式,在没有修改编码格式时无法正确打印汉字,所以在读取中文的时候会报错. 解决办法为只要在文件开头加入 # -- ...
android 在代码中设置样式,安卓代码中设置fontFamily中的样式
今天和视觉调样式的时候,发现一个问题,我们代码中经常使用fontFamily的样式,比如: android:id="@+id/name" android:layout_width= ...
Vue中设置全局变量
1.新建js文件 global.js // 连接地址 const mqttUrl = "ws://127.0.0.1:8080/mqtt"; const mqttUsername ...

VUE中设置全局变量，在组件中引用、修改它

VUE中设置全局变量，在组件中引用、修改它相关推荐

最新文章

热门文章