11.1. 全书总结

2.6

3.0 2.6 2.5

全书总结

至此我们便使用 Vue.js 完成了网站的开发，我们可以从本书中学习到以下知识：

• 使用 vue-cli 搭建项目框架；
• Git, GitHub 和 GitHub Pages 的基本使用；
• 使用 bootstrap-sass 和 font-awesome；
• 使用组件来构建项目；
• 绑定数据的两种形式 —— Mustache 语法和 v-bind 指令；
• 使用 v-for 指令渲染列表；
• 绑定 class 和 style；
• 使用 v-on 指令监听 DOM 事件；
• 自定义指令 —— title、validator 和 dropdown；
• 使用 vue-router 作路由来创建单页应用；
• 自定义功能组件 —— Message、Modal、Pagination 和 Slider；
• 在组件中使用 props；
• 使用侦听器；
• 使用 Vuex 存储管理应用的所有组件的状态；
• 使用计算属性；
• 局部注册和全局注册 —— 组件、指令和过滤器；
• 使用 v-if 指令进行条件渲染；
• 自定义插件 —— message 和 vue-sweetalert2；
• 在列表渲染中使用 key；
• 使用嵌套路由和设置默认子路由；
• 在选择框和复选框中使用 v-model；
• 为 v-model 添加修饰符 —— .lazy 和 .trim；
• 使用 SimpleMDE 编辑器；
• 使用路由对象，它出现在 —— 组件（this.$route）、$route 观察者回调和导航守卫的参数 to 和 from；
• 在路由配置中使用动态路径参数；
• 使用 getters 派生一些新的状态；
• 自定义过滤器 —— moment；
• 使用导航守卫 —— router.beforeEach、router.afterEach、beforeRouteEnter 和 beforeRouteLeave；
• 使用事件修饰符 —— .self；
• 使用 <slot> 分发内容；
• 使用 <transition> 实现过渡；
• 使用 <transition-group> 实现列表的过度；
• 使用 Mock.js 生成测试数据；
• 使用 <slot> 插槽传递数据；
• 使用 key 管理可复用的元素；
• 使用 axios 发起 Ajax 请求；
• 使用按键修饰符 —— .enter；
• 在计算属性中定义 setter；