vue 获取及修改store.js里的公共变量实例
更新时间：2019年11月06日 10:47:39 作者：jokren
今天小编就为大家分享一篇vue 获取及修改store.js里的公共变量实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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里的公共变量实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了关于uniapp的核心知识，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-10-10
身为入行未深的小白前端,不断的学习是我们不可丢失的习惯,前端流行的框架也是层出不穷,vue在众多框架中脱颖而出,下面这篇文章主要给大家介绍了关于搭建一个vue项目的完整步骤,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了vue动态加载SVG文件并修改节点数据的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-08-08
在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式，如果是大型项目，很多时候都需要在子组件之间传递数据，使用vue的状态管理工具vuex很好的解决2018-08-08
这篇文章主要为大家详细介绍了Vue组件实现触底判断，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要介绍了vue下拉列表的两种实现方式比较，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-06-06
这篇文章主要介绍了关于axios在vue中的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
这篇文章主要介绍了antd form表单数据回显操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了Vue中的自定义指令的相关资料，帮助大家更好的理解和学习vue框架，感兴趣的朋友可以了解下2020-12-12
在开发中我们可能会遇到这样的问题,文本框聚焦、元素点击等,所以下面这篇文章主要给大家介绍了关于javaScript与vue获取元素的相关资料,需要的朋友可以参考下2023-10-10
最新评论