vue 获取及修改store.js里的公共变量实例
2020-02-13 11:33
871 查看
html
<input type='text' :value='num'> <button @click='add'> + </botton>
js
data(){ return{ } }, methods:{ add(){ this.$store.commit('add',1) } }, computed:{ num:function(){ // 因为要做修改 num 的值 所以放在 计算属性里 return this.$store.state.num } }
store.js
state: { num:0 }, mutations: { add(state,shuzi){ // shuzi是js里传来的值 1 state.num+shuzi } },
原理:
更改store中state状态的唯一方法就是提交mutation,就很类似事件。每个mutation都有一个字符串类型的事件类型和一个回调函数,我们需要改变state的值就要在回调函数中改变。我们要执行这个回调函数,那么我们需要执行一个相应的调用方法:store.commit。
以上这篇vue 获取及修改store.js里的公共变量实例就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- vue 获取及修改store.js里的公共变量
- Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
- vue.js获取数据库数据实例代码
- [vue.js]解决子组件无法获取父组件store中的值的问题
- Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
- vue.js 获取select中的value实例
- vue.js 子组件无法获取父组件store值的解决方式
- vue .js绑定checkbox并获取、改变选中状态的实例
- JS获取和修改元素样式的实例代码
- 挖坑指南:如何在引用的外部js文件中获取vue页面实例?(独家)
- 分享一个精简的vue.js 图片lazyload插件实例
- vue.js整合vux中的上拉加载下拉刷新实例教程
- js中获取jsp表单中radio类型的值简单实例
- Vue.js做select下拉列表的实例(ul-li标签仿select标签)
- js 获取json数组里面数组的长度实例
- 如何获取JS变量类型
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- tensorflow 获取checkpoint中的变量列表实例
- JS中局部变量能修改全局变量吗?
- vue如何从外部修改组件内部的变量的值