使用Vue-cli搭建Vue3.0项目

预装环境：node v8+

• Vue文件类型通过Node编译为js文件
• 查看npm版本：npm -v
• npm 镜像(npm是node内置的资源管理器)
  • 淘宝npm镜像：registry地址：http://registry.npm.taobao.org/
  • cnpmjs镜像：registry地址：http://r.cnpmjs.org/
  • 设置镜像源：npm config set registry
  • 查看镜像源：npm config get regitry
• 安装Vue-cli：npm install -g @vue/cli或者cnpm install -g @vue/cli

目录介绍：

• assets：会被静态编译的文件夹
• main.js：项目入口
• app.vue：根模块

生命周期

• beforeCreate->setup()

• created->setup()

• beforeMount->onBeforeMount

• mounted->onMounted

• beforeUpdate->onBeforeUpdate

• updated->onUpdated

• beforeDestroy->onBeforeUnmount

• destroyEed->onUnmounted

• errorCaptured->onErrorCaptured

• onRenderTracked ：检查依耐被追踪。当render函数被调用时，会检查那个响应式数据被收集依耐

• onrenderTriggered：当执行update操作时，会检查那个响应式数据导致组件重新渲染

变量（动态监测需要自己绑定）

• ref方法对简单类型的封装，改变数据需要通过.value，模板中国自动.value
• reactive方法对对象的封装

Element-plus

• cli安装：vue add elmentp-plus

Axios

• 安装：npm install axios

• 封装单独文件封装api处理逻辑 ，比如所有api处理都在文件夹http中，每一部分逻辑都单独定义一个js文件

路由

引入router

遍历路由：router对象中存在路由信息，可根据信息遍历出列表，meta中可以自定义信息进行选择性显示

跳转：引入router，router.push("./login")跳转路由