vuex --安装 --基础 2018-11-05

1.npm i vuex -D装上依赖文件

2.在src目录下建一个仓库文件夹,文件夹里面写入store.js如下


3.store.js文件内容,进行暴露,然后main.js进行导入

4.main.js导入

5.接下来可以任意组件调用了,通过这种方式

6.如果需要对数据进行操作

查看所有组件信息均得到了修改

关于

关于vuex:

1.vuex是专门为vue提供的状态管理工具

2.便于维护,vue中引用vuex,解决状态之间的管理问题

3.多个组件调用yi个状态,将组件与组件之间的传值改成组件与仓库之间的传值

4.vuex适用于大型项目,如果不是大型项目,回事代码更加繁琐

vuex的核心:

state:存放多个组件共享的状态

mutations:存放更改state里的状态的方法,是唯一一个更改状态的属性

getters:用于state中的某一个状态进行过滤

actions:用于调用事件动作,并传递给mutation

modules:主要用来拆分state

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 项目地址https://github.com/hongchh/timeline-x 一、成品展示 二、项目需求 添...
    前端杨肖阅读 9,450评论 0 10
  • vuex是一个状态管理模式,通过用户的actions触发事件,然后通过mutations去更改数据(你也可以说状态...
    Ming_Hu阅读 2,042评论 3 3
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,028评论 1 4
  • Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应...
    白水螺丝阅读 4,697评论 7 61
  • vue去哪网跟学笔记 记录学习点滴 1. 初始化项目 1.1 手机显示配适 minimum-scale=1.0,m...
    noobakong阅读 2,320评论 0 16