Vue
入门
常用指令 filter, compute, watch 生命周期 组件注册和传值
vue-router
路由管理和动态路由 路由懒加载 路由守卫和权限校验 路由缓存 keepalive hash 和 history 原理
vuex
何为数据状态管理 vuex 五大属性 vuex 的优点和缺陷 数据流设计
UI 组件库
element-ui iview ant.design vant vux
组件开 发
组价化思想 组件间通信和传值 基础组件封装 toast, dialog 如何构建自己的组件库
性能优化
代码层面的优化 webpack 打包优化 单页面应用的优化 SSR 优化
模块化
前端模块化 webpack vue-cli 脚手架 项目框架的搭建
基础原理
MVVM 原理 双向数据绑定 Virtual dom Flow 语法
源码
数据响应 架构 Observer Watcher Dep definedProtype 与 Proxy 差异 数组监听变化 computed、watch 原理 v-model nextTick 组件通信 keep-alive virtual dom key 的作用 diff 算法 mixin
问题
什么是 MVVM 生命周期 有哪些、作用 子组件父组件生命周期顺序 哪个生命周期接口请求 单向数据流 SPA 优缺点 spa,404 computed 和 watcher 场景 组件通信方式 vue 和 react 选型、区别 vue 性能优化 vue-lazyloader vue3 优势 类似于 hooks 原理 $listener、$attrs
其他
vue 渲染过程 ssr vuex vue-router 单元测试
优缺点
优点
- 低耦合。视图（View）可以独立于 Model 变化和修改，一个 ViewModel 可以绑定到不同的 View 上，当 View 变化的时候 Model 可以不变，当 Model 变化的时候 View 也可以不变。
- 可重用性。你可以把一些视图逻辑放在一个 ViewModel 里面，让很多 view 重用这段视图逻辑。
- 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用 Expression Blend 可以很容易设计界面并生成 xml 代码。
- 可测试。界面素来是比较难于测试的，而现在测试可以针对 ViewModel 来写。
- 单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和 dom，这样大大加快了访问速度和提升用户体验。而且他的第三方 ui 库很多节省开发时间
缺点
- 不利于 SEO，社区维护力度不强，相比还不够成熟