vue学习过程记录（二），vue笔记。一定要好好查看官方文档1、组件缓存，当跳转时不销毁组件，返回时提高用户体验性 2、

1、组件缓存，当跳转时不销毁组件，返回时提高用户体验性

2、自定义创建项目

3、eslint代码规范修正

在设置的配置文件中添加
// 当保存的时候，eslint自动帮我们修复错误
    "editor.codeActionsOnSave": {
        "source.fixAll": "explicit"
    },
    // 保存代码，不自动格式化
    "editor.formatOnSave": false
  
  如果发现保存时，eslint无法自动修复了。可能是版本问题，换回2.4.2，重新加载

4、vuex学习，多组件数据共享传递插件

忘记就去看文档Vuex 功能：好比一个专门存放和处理数据的仓库，供所有组件调用 1、安装vuex,yarn add vuex@3
2、创建store仓库
3、配置index.js和main.js

1、辅助函数，mapState帮助简写$store.state.count = count

2、mutation修改store仓库的数据（单向数据流）

mutation传参

3、actions处理异步操作，改为同步，mutations必须是同步

辅助函数简化Actions的名称书写

4、getters用来处理state中的数组或计算等

vuex的辅助函数汇总

5、vuex的分模块创建——拆分模块module

访问子模块中的state getters分模块使用 mutation分模块使用 action分模块使用

5、json-server的使用本地服务器（json-服务器）

//安装
npm install -g json-server
//本地服务启动json文件
json-server --watch index.json

6、vant组件库vant-ui

vue2使用vant2Vant 2 - 轻量、可靠的移动端组件库根据文档快速使用

7、使用yarn add 安装插件时后面加个-D时指只再开发环境中使用

8、项目中vw的适配，px自动适配vw

再Vant2官网查看vw适配

9、项目的axios请求统一放在工具utils文件加下request.js中

axios忘记可查看此文档Axios 实例 | Axios中文文档 | Axios中文网

10、项目的api接口模块，统一管理复用的请求

把请求封装成函数统一放在api模块，可以复用，可以统一管理

11、Toast轻提示，vant的组件

可直接使用this.$toast('提示内容') 查看文档使用

12、路由，前置守卫

导航守卫 | Vue Router

13、持久化管理，utils/storage.js

14、mixin混入

新建文件，导入组件中，可以进行复用其中的data methods computed 生命周期函数 ...

15、项目打包yarn bulid

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  publicPath: './',
  transpileDependencies: true
})

vue学习过程记录（二），vue笔记。一定要好好查看官方文档