总结

为什么选择Vue框架？ 学习易、上手快流行度，作者对框架维护热度高文档完善、生态圈庞大，bug修复速度快 Sass 变量嵌套规则 mixins 导入

Vue的双向绑定是如何实现的？ 基本原理：数据驱动页面、页面映射数据核心API：Object.defineProperty 设计模式：观察者模式

监听者Observer监听Data变化，Date变化会触发Object.defineProperty()的set函数，通知观察者列表Dep，Watcher订阅Dep，Dep接到通知后回调Watcher执行update函数，更新View

Vue观察者模式

CSS Module基本原理，Vue怎么做？ CSS Module的工作原理是把一个类名编译成哈希字符串，然后在引用时直接使用这个哈希字符串，进而保证相同的类名根据不同的路径和组件名称得到不同的值，保证最终的类名隔离。

Vue在vue-loader中配置开启CSS Module

cssModules: {
  localIdentName: '[path][name]---[local]---[hash:base64:5]',
  camelCase: true
}

在Vue文件中style标签上加module属性对于父组件声明的类名，在子组件内，CSS Module是不处理的，想用必须显示调用类名（$style.类名）

开启CSS Module之后如何使用第三方样式库 @import 引入

Vue的安装包有几个版本，遇到问题如何解决？ 对不同构建版本的解释在webpack中引入vue.esm.js

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.esm.js'
  }
}

为什么选择Webpack构建工具？ CSS、JS模块化管理资源合并、压缩，编译、打包，性能优化提升开发效率

项目是如何使用Webpack的？dev-server的原理是什么？ entry配置入口 module配置loader plugins配置插件 output配置输出 resolve查询文件 devServer开启服务

devServer利用websocket在页面注入JS，devServer会启动一个服务，JS和服务之间通过websocket建立通讯，服务监听改变后push更新，客户端接收更新做浏览器的刷新

如何做任务管理 npm scripts / gulp

前后端分离是如何做的？ 后端专注于服务、数据前端专注于业务，视图

前端的路由是什么原理？ history pushstate、onpopstate hash location.hash、hashchange

Vue相关用法 组件、模板、插槽等

总结 ​