前端系列课程之Vuex

Vuex

1. 为什么使用Vuex

例子：(使用Vue方法：)

新建（一）：

新建（二）：

将新建的两个文件导入 About中，做子组件：

事件总线：（全局定义）

在新建（一）添加：

在新建（二）中添加：

（上面适用于小项目开发）

2. Vuex原理：

一、安装 vuex

二、创建仓库文件

1.创建文件夹

2. 在文件夹中创建文件：

3.在新建文件中导入：

4.导入到main.js

• Vuex原理
  > store中通过state管理数据，实现数据在组件之间共享
  > Vuex和本地存储的区别
  > Vuex临时保存在内存中，本地存储可以持久保存
  > Vuex针对组件间共享数据，本地存储针对多页面间共享数据
  > Vuex保存数据类型不限，本地存储只能保存字符串

新建两个文件

在About.vue中导入

(上图未截全，script中配置类似如下：)