李牧敲代码

5 种方式： localstorage webworker web-socket cookie postMessage localstorage 先看效果： 代码： webW...

李牧敲代码

数据驱动 释疑：那为什么不用class来写vue而是用构造函数的形式呢？这是因为Vue这个对象的方法太多了，很多都需要放在不同的模块来写的，在不同的模块我只要在vue的pro...

李牧敲代码

本文目录：1. event2. v-model3. slot4. keep-alive5. transition6. transition-group [event] 先通过...

李牧敲代码

定义 把模板编译成render函数的过程我们称之为编译 [编译入口函数的位置] 又有我们平常的单文件组件是通过vue-loder处理过的，所以对于编译，我通过完整版的vue来...

李牧敲代码

Vue的响应式系统将按照如下几个部分进行讲解：1. 响应式对象2. 依赖收集3. 派发更新4. nextTick5. 检测变化的注意事项6. 计算属性VS侦听属性7. 组件更...

李牧敲代码

在阅读vue-router源码的时候接触了这个异步函数队列化执行的设计，感觉还是挺厉害的，在此做个总结：

李牧敲代码

Vue.js 另一个核心思想是组件化。所谓组件化，就是把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发...

李牧敲代码

本文目录：1. new Vue2. Vue 挂载的实现3. render4. Visual DOM5. createElement6. update [new Vue] 我们...

李牧敲代码

Vue源码的阅读会在围绕下面几个模块进行：1. 数据驱动2. 组件化3. 响应式系统4. 编译5. 扩展

李牧敲代码

路由安装 1. Vue提供了全局的use方法去安装插件，使用use后会自动执行插件里的intall方法来安装，并且每个插件的install方法的第一个参数都能拿到vue2. ...

李牧敲代码

路由模式，路由匹配，路由切换都搞定了，那最终就要进行视图渲染了。vue-router提供了2个内置组件，一个是<router-link>是用于路由切换的，<router-vi...

李牧敲代码

终于到了分析 vue-router的核心部分了，让我们来请出transitionTo这尊大佛（src/history/base.js）。 这个函数设计的还是很清晰简单的，获得...

李牧敲代码

再讲路由切换（transitionTo方法）之前，先讲下路由匹配，毕竟先匹配才能切换嘛。先看下，三个模式的共同的父类：History（src/history/base.js）...