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里的公共变量实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在本篇文章里小编给大家整理的是关于VUE中表格的写法实例以及相关知识点内容，需要的朋友们可以参考下。2019-08-08
uni-app中App与webview双向实时通信详细代码示例
在移动应用开发中,uni-app是一个非常流行的框架,它允许开发者使用一套代码库构建多端应用,包括H5、小程序、App等,这篇文章主要给大家介绍了关于uni-app中App与webview双向实时通信的相关资料,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了vue中的锚点定位问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要是想和大家来简单聊聊Vue中的ref、toRef、toRefs这三个函数的使用与区别，文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下2023-04-04
本文主要介绍了vue封装tree组件实现搜索功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
这篇文章主要介绍了Ant Design Pro 之 ProTable使用操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
众所周知，一个项目在开发、测试与生产环境的各种配置变量是不一样的，但在vue cli 3中通过指令vue create xxx创建的项目取消了默认的 config 和 build 文件夹，这导致刚入手的小伙伴不知道在哪儿配置环境变量，不过官方也提供了相应的配置方法，本文就来介绍一下2021-08-08
在本篇文章里小编给大家整理了一篇关于vue中4个自定义指令讲解及实例用法，有兴趣的朋友们可以跟着学习下。2021-12-12
这篇文章主要介绍了vue文件使用iconfont解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了关于axios在vue中的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
最新评论