[TOC]
一、跨组件通信 1、插槽 [普通插槽] [具名插槽] [动态插槽名] [作用域插槽]
二、动态组件的使用 1、component 2、keep-alive属性
三、分包(做优化) 1、webpack分包 2、vue中分包 (优化首屏渲染)
四、ref
五、缓存组件的生命周期
六、组件的v-model
一、过渡的基本使用 Transition组件的做了什么?原理? 过渡动画class做的事 class的name命名规则如下:
二、vue的animation动画
三、两种方式共存(同时设置过渡和动画)
四、transation组建的其他配置属性 1、过渡的模式mode 2、appear初次渲染
五、认识第三方库animate.css 1、基本使用 2、认识gsap库 3、avascript钩子
六、gsap库的使用 1、gsap数字递增动画
七、列表实现动画 1、transition-group的使用 2、 列表过渡的基本使用 3、 列表的交错过渡案例
一、使用vue-router的步骤 二、router-view组件 三、router-link组件
- router-link属性配置 四、路由懒加载 五、动态路由基本匹配 六、获取动态路由的值 七、页面跳转 八、router-link的v-slot 九、router-view的v-slot 十、动态添加路由 十一、动态删除路由 十二、路由的其他方法补充 十三、路由导航守卫
- 全局的前置守卫beforeEach是在导航触发时会被回调的 十四、完整的导航解析流程