Vue CLI

ESLint到底是什么?
template -> ast -> render -> vdom -> 真实DOM
render : ( h ) => h , - > createElement

1.2 Vue CLI3

如何通过CL3创建项目
CLI3的目录结构
配置文件:1.Vue UI 2.隐藏的配置文件 3.自定义 vue.config.js

二丶Vue-Router

2.1 什么是前端路由

后端渲染/后端路由
前后端分离
SPA\前端路由

2.2 路由的基本配置

安装vue-router
Vue.use ->创建VueRouter 对象 — > 挂载到 VUE 实例上
配置映射关系 : 1.创建组件 2. 配置映射关系 3. 使用 router-link/router-view

2.3 细节处理

默认路由 : redirect
mode :history
router-link - >tag /replace/active-class

2.4 动态路由

/uesr/:id
this.$router.params.id

2.5 参数的传递

params
query - > URL
URL:
协议:// 主机 :端口/路径?查询
scheme : //host:port/path?query#fragment

2.6 路由嵌套

children:【】

2.7 导航守卫

全局导航守卫
路由独享守卫
组件内守卫

2.8 keep-alive

2.9 TabBar的封装