Vue 脚手架相关知识梳理

1、使用 vue 脚手架安装项目

名称	描述
node -v	查看 node 版本
npm -v	查看 npm 版本
nrm	用来切换 npm 下载源： 安装指令：npm install nrm -gnpm install nrm -g 可以使用 nrm ls，查看有哪些源 使用 nrm use XXX 切换下载源
@vue/cli	vue 较新版本的脚手架，用来创建 vue 项目： 1、使用 npm install -g @vue/cli 安装脚手架 2、执行 vue create XXX，创建项目，项目名是 XXX 3、执行 cd XXX，进入项目 4、执行 npm run serve 启动项目 备注： 如果之前安装过老版本的脚手架工具，可以使用 npm uninstall vue-cli -g 指令卸载一下

2、路由

名称	描述
createRouter()	创建路由
path	配置路由路径
name	配置路由的名字
component	配置路由对应的组件
router-link	跳转路由的标签，具体跳到哪，可以用 to 属性来定义
router-view	负责展示当前路由对应的组件内容
import	异步加载路由

3、vuex

名称	描述
createStore()	创建 vuex，管理全局数据
state	用来创建全局数据可以通过 this.$store.state.xxx 获取具体的数据
actions	定义 action
dispatch	派发 action
mutations	定义 mutation
commit	提交一个 commit，触发一个 mutation 在 action 中使用：this.commit(xxx) 在 mutation 中使用：this.$store.commit(xxx)
modules	对 store 进行局部拆分（了解即可）

4、发送 ajax 请求

名称	描述
axios	插件，用来发送 ajax 请求: npm install axios --save 通过 get 方法，发送 get 请求 通过 post 方法，发送 post 请求

5、插件

名称	描述
Vetur	vscode 开发 vue 项目时，语法提示插件