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 导航守卫
全局导航守卫
路由独享守卫
组件内守卫
