1.创建vue项目，使用脚手架来创建
1.1.安装node环境，更改npm镜像
1.2.安装脚手架 npm install -g @vue/cli
1.3 vue create 项目名称
1.4 npm run serve 启动项目
1.5 npm run build 打包
2.vue的全家桶？
2.1 脚手架---vue/cli---创建项目
2.2 vue-router ---组件跳转
2.3 axios ---请求接口
2.4 vuex ---状态管理
3.组件的使用以及通信？
3.1 引入，注册components，当做标签使用
3.2 父子组件：自定义属性，在子组件中使用props接收自定义属性；子传父使用自定义事件emit来传值；
3.3 非父子组件：vuex
4.axios的使用？（不包含封装）
4.1 先下载 npm install axios vue-axios -s
4.2 在main.js文件中引入，使用use方法加载
4.3 this.axios直接使用
5.路由（路由的使用，跳转路由的方式，路由守卫）
5.1 <router-link>---跳转的标签 <router-view>--路由视图窗口
5.2 路由配置，path---路由跳转的路径 component----路径对应的组件 children ---子路由
5.3 push() ---跳转，跳转的路径会记录到历史记录里面，所以可以后退和前进 replace()---替换路径，是没有后退 go
push({path:"",query:{}}) this.$router.query
5.4 路由守卫，前置守卫，后置守卫，路由独享守卫 router.beforeEach((to,from,next))
6.vuex（五大状态）
6.1 state ---存放数据
6.2 getters ---计算属性
6.3 mutations --同步操作state数据
6.4 actions ----异步操作state数据
6.5 modules ---模块
7.生命周期 ，常用的生命周期
//创建前---节点和数据都还没有，正在加载init
beforeCreate() {
console.log("---创建前---")
console.log("el节点：" + this.$el)
console.log("data数据：" + this.$data)
console.log("msg节点：" + this.msg)
},
//创建后---数据已经有了，节点没有，数据优先，获取到数据（Ajax）
created() {
console.log("---创建后---")
console.log("el节点：" + this.$el)
console.log("data数据：" + this.$data)
console.log("msg节点：" + this.msg)
},
//挂载前---为真正的挂载做准备
beforeMount() {
console.log("---挂载前---")
console.log("el节点：" + this.$el)
console.log("data数据：" + this.$data)
console.log("msg节点：" + this.msg)
},
//挂载后---数据已经渲染完成，操作节点
mounted() {
console.log("---挂载后---")
console.log("el节点：" + this.$el)
console.log("data数据：" + this.$data)
console.log("msg节点：" + this.msg)
},
//更新前---获取最新数据为更新做准备
beforeUpdate() {
console.log("---更新前---")
console.log("el节点：" + this.$el)
console.log("data数据：" + this.$data)
console.log("msg节点：" + this.msg)
},
//更新后
updated() {
console.log("---更新后---")
console.log("el节点：" + this.$el)
console.log("data数据：" + this.$data)
console.log("msg节点：" + this.msg)
},
//销毁前---使用手动app.$destroy()
beforeDestroy() {
console.log("---销毁前---")
console.log("el节点：" + this.$el)
console.log("data数据：" + this.$data)
console.log("msg节点：" + this.msg)
},
//销毁后---页面的事件以及子实例失效
destroyed() {
console.log("---销毁后---")
console.log("el节点：" + this.$el)
console.log("data数据：" + this.$data)
console.log("msg节点：" + this.msg)
}
8.vue指令有哪些？
v-bind: v-model v-if v-show v-for v-on v-text v-html
9.vue的属性有哪些？
data---数据
methods ----方法
computed ---计算属性
watch ---监听
components ----组件注册
ruters ,store
props---子组件接收数据
filter ---过滤（不作要求，vue3已经废弃）
10.element，echarts,iview,下载插件，富文本插件
附加：
Vue文档地址：
https://v3.cn.vuejs.org/guide/introduction.html
Vuex文档地址：
https://vuex.vuejs.org/zh/guide/
axins文档地址：
http://www.axios-js.com/zh-cn/docs/vue-axios.html
Element文档地址：
https://element.eleme.io/#/zh-CN/component/layout
Echarts文档地址：
https://echarts.apache.org/handbook/zh/get-started/