vue 生态圈

vue-router 安装 npm install vue-router@4

vue-router 入门自定义组件router-link来创建链接

动态路由匹配 $route.params、$route.query、$route.path、$route.has

嵌套路由 children 选项

编程式的导航 router.push()、router.replace()、router.go()

命名路由路由设置上 name 选项

命名视图 router-view 使用 name 属性

重定向和别名 redirect 重定向，alias 定义别名

路由组件传参将 props 传递给路由组件

不同的历史记录模式 history: createWebHistory()

导航守卫 beforeEach()，beforeResolve()，afterEach()，beforeEnter()，

路由元信息 meta 属性

过渡动效基于 transition 组件，route.meta.transition 动态动画

数据获取 created() 钩子内 watch()，beforeRouteEnter()、beforeRouteUpdate() 守卫

滚动行为 scrollBehavior()

路由懒加载箭头函数返回 import()

导航故障 isNavigationFailure()

扩展 RouterLink RouterLink.props

Vue Router 和组合式 API useRouter()、 useRoute()、 onBeforeRouteUpdate()、onBeforeRouteLeave()

Vue Router API

vuex（状态管理）

vuex 是什么状态管理模式库

vuex 安装 npm install vuex@next --save

vuex 使用示例 store 实例，state 数据是响应式的，mutations修改数据选项

state 子组件通过 $store 访问其数据

getter getter 返回对象或者函数

mutation store.commit 触发同步回调

action 异步提交 mutation，dispatch() 分发

module store分割成模块

项目结构

插件 plugins选项

严格模式 strict: true

表单处理带有 setter 的双向绑定 computed

热重载 webpack中插件

测试针对 mutation 和 action 进行单元测试

vuex 与 TypeScript useStore

vuex 与组合式 API

vuex API

axios 网络请求库

Axios 是什么基于promise可以用于浏览器和node.js的网络请求库

axios 用例 get请求、post请求、多个并发请求

axios API axios()请求

axios 实例 axios.create()创建实例

请求配置 axios(config)请求

响应结构 axios 响应信息

默认配置 axios.defaults全局默认配置，axios.create自定义实例默认值

拦截器 interceptors.request.use()请求拦截器，interceptors.response.use()响应拦截器

错误处理 catch(function (error)) 处理错误信息

取消请求 axios.CancelToken

请求体编码 qs 库