当前位置: 首页 > news >正文

vuex的配置主要内容

1、state 作用:负责存储数据;

2、getters 作用:state计算属性(有缓存);

3、mutaions 作用:负责同步更新state数据

mutaions是唯一可以修改state数据的方式;

4、actions 作用:负责异步操作,例如发送网络请求,将请求到的数据通过commit触发mutaions来修改state;

5、modules 作用:负责模块化管理vuex数据。

什么情况下我应该使用 Vuex?
Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。

如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。

创建一个最简单的store
一个初始的state对象和一些mutation

//如果在模块化构建系统中,确保在开头调用了Vue.use(Vuex)

const stroe = new Vuex.Store({state:{count:0},mutations:{increment(state){state.count++   //store.state获取状态对象}}
})

可以通过store.state获取状态对象,通过store.commit方法触发状态变更

store.commit('increment')
console.log(store.state.count)
http://www.lryc.cn/news/380789.html

相关文章:

  • VBA技术资料MF164:列出文件夹中的所有文件和创建日期
  • linux 简单使用 sftp 和 lftp命令
  • 2.超声波测距模块
  • C语言之常用标准库介绍
  • Spring响应式编程之Reactor核心接口
  • 【HTTPS云证书部署】SpingBoot部署证书
  • React的状态提升和组合
  • 示例:推荐一个基于第三方开源控件库DataGridFilter封装的FilterColumnDataGrid,可以像Excel拥有列头筛选器
  • Python: create object
  • OpenSSL命令手册
  • [面试题]MongoDB
  • 【Qt笔记①】帮助文档、窗口、按钮、信号和槽、lambda表达式
  • 【pytorch05】索引与切片
  • ECharts 蓝色系-荧光图标折线图01案例
  • 使用消息中间件实现系统间的异步通信和解耦
  • 【QML】用 Image(QQuickPaintedItem) 显示图片
  • C++抽象类
  • 计算机网络 —— 应用层(DHCP)
  • Linux ComfyUI安装使用;Stable Diffusion 3使用
  • JavaScripts数组里的对象排序的24个方法
  • Mongodb介绍及window环境安装
  • Spring响应式编程之Reactor核心组件
  • 动手学深度学习(Pytorch版)代码实践 -计算机视觉-37微调
  • 视频监控平台:支持交通部行业标准JT/T905协议(即:出租汽车服务管理信息系统)的源代码的函数和功能介绍及分享
  • 【jenkins1】gitlab与jenkins集成
  • 边缘计算设备有哪些
  • C++初学者指南第一步---7.控制流(基础)
  • MFC学习--CListCtrl复选框以及选择
  • 如何与PM探讨项目
  • 今年618各云厂商的香港服务器优惠活动汇总