在学习 vue-router 的代码之前，先来简单了解一下前端路由。 先来看看这两种方法的实现原理。 接着我们将用它们来简单实现一个自己的前端路由。 url 的 hash 是以 # 开头，原本是用来作为锚点，从而定位到页面的特定区域。当 hash 改变时，页面不会因此刷新，浏览…

Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象: 注释：通过Vue.extend()方法创建了一个构造器NwdLoadingPlugin，其次我们再通过new NwdLoadingPlugin…

实现功能够简单吧--将scope中的数据绑定到app中。 其中 | 后面为过滤器，可以添加多个。sd-class-red中的red为参数。 就这三个文件，其中directives和filters都是配置文件，很易于扩展。 想办法执行指令的update方法即可，该插件使用了Obj…

vue-loader热加载方案使用的底层api解析

先大概说下Vue响应式实现的原理。 Vue的响应式原理是通过“观察者/订阅者”模式实现的。 首先，Vue会给data及data下的数组、对象循环调用Object.defineProperty方法来设置getter和setter，以此来拦截data的赋值和取值。也就是说，当我们赋…

配置 http-proxy-middleware 可以很容易地在 connect, express, browser-sync 实现 http 代理 http-proxy-middleware 是基于 node-http-proxy 实现的中间件

本文解读的Vuex版本为2.3.1 Vuex代码结构 Vuex的代码并不多，但麻雀虽小，五脏俱全，下面来看一下其中的实现细节。 源码分析 入口文件 入口文件src/index.js: import { Store, install } from './store' import…