流年逝水

三篇长文，带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇，如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本文。 本文会引入更多的 webpack 配置，如果文中有任…

vue.js是一套用于构建用户界面的渐进式框架，vue采用自底而上的增量开发设计。 vue的目标是通过尽可能简单的API实现响应的数据绑定和组合视图组件。 采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，…

每一个vue实例创建时，会经历一段初始化的过程，同时会调用其生命周期钩子，实例的钩子this指向它的Vue实例，不需要在钩子用箭头函数。

插入HTML可以使用v-html指令，可以直接输出为真正的HTML。 动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要对用户提供的内容插值。 在双括号内可以进行简单的运算，三元运算，但是不支持语句和流控制。 V…

组件（Component）是 Vue.js 最核心的功能，也是整个框架设计最精彩的地方。 组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特…

指令（Directives）是带有 v- 前缀的特殊属性。指令属性的值预期是单一 JavaScript 表达式。指令的职责就是当其表达式的值改变时相应地将某些行为应用到 DOM 上。 自定义指令通过几个钩子函数组成，每个钩子函数都是可选的。 只调用一次，指令第一次绑定到元素时调…

什么是Virtual Dom，Virtual Dom不是真正意义上的DOM，而是一个轻量级的JavaScript对象，当状态发生变化的时候，Virtual Dom会进行Diff运算，来更新只需要被替换的DOM，而不是全部重绘。 与DOM操作相比，Virtual Dom基于Jav…

Vue Router 是 Vue.js 官方的路由管理器。 Vue Router是一个SPA的路径管理器，它和 Vue.js 的核心深度集成，适合用于构建单页面应用。Vue的单页面应用是基于路由与组件，路由用于访问路径，将路径跟组件映射起来。其本质是组件之间的切换，建立一个ur…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 使用单一状态树——是的，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存…