VM

VM精品文章

• 

  【Vue源码学习】vue实例化到挂载到dom(上)

  ....js中定义 Vue.prototype._init = function (options?: Object) { const vm: Component = this // a uid vm._uid = uid++ let startTag, endTag /* istanbul ignore if */ if (process.env...

  Hegel_Gu 2019-08-23 16:57 评论0 收藏0
• 

  Vue 生命周期详解

  ...例化子组件都会调用_init方法（我们将这两种实例都称为vm）： function Vue(options) { //Vue 构造函数 ... this._init(options) } ... const Sub = function (options) { // 定义子组件构造函数 this._init(options) } vm实例化时会调用原型...

  snowLu 2019-08-26 10:59 评论0 收藏0
• 

  vue@2.0源码学习---从hello world学习vue的内部做了什么

  ...word) } this._init(options) } 所以执行new Vue()的时候，实例(vm)会首先执行初始化方法vm._init()，_init方法如下： Vue.prototype._init = function (options?: Object) { const vm: Component = this // a uid vm._ui...

  CodeSheep 2019-08-21 18:21 评论0 收藏0
• 

  avalon的ViewModel设计

  ...} } } } 然后我们再为它添加一个$id,用于标记这个VM是作用于页面某个元素上的。 var vm = avalon.define({ $id: test, aaa: 1, bbb: 2 }) {{@aaa}} 我们看avalon.define的一个简单实现： avalon.define = function(obj) { var...

  sourcenode 2019-08-21 14:31 评论0 收藏0
• 

  你想要的——vue源码分析（2）

  ...) { // this指向Vue的实例，所以这里是将Vue的实例缓存给vm变量 const vm: Component = this // a uid // 每一个vm有一个_uid，从0依次叠加 vm._uid = uid++ let startTag, endTag /* istanbul ignore if */ if ...

  objc94 2019-08-22 16:02 评论0 收藏0
• 

  NPM酷库：vm2，安全的沙箱环境

  ...天两分钟，了解一个流行NPM库。 今天我们要了解的库是 vm2，则是一个Node.js 官方 vm 库的替代品，主要解决了安全问题。 不安全的vm 在Node.js官方标准库中有一个vm库，用来在V8虚拟机环境中编译执行JS代码。通常，我们用vm库来实...

  pkhope 2019-08-21 18:34 评论0 收藏0
• 

  【Vue源码探究二】从 $mount 讲起，一起探究Vue的渲染机制

  ...程 上一篇文章我们讲到， 在创建一个vue实例的时候(var vm = new Vue(options))。Vue的构造函数将自动运行 this._init（启动函数）。启动函数的最后一步为initRender(vm)， // Vue.prototype._init ... initLifecycle(vm); initEvents(vm); callHook...

  LeanCloud 2019-08-20 16:40 评论0 收藏0
• 

  人人都能懂的Vue源码系列—09—initEvents

  ...章中，我们主要讲了initLiftcycle方法，它的作用是初始化vm实例中和生命周期相关的属性。今天为大家介绍另一个方法——initEvents。从这个方法的名称来看，我们知道它是和事件相关的方法，具体怎么相关，我们先来看源码。 expo...

  lovXin 2019-08-22 17:26 评论0 收藏0
• 

  Vue实例方法之事件的实现

  ...了解使用方式 在分析之前先了解下几个api的使用方式： vm.$on(event, callback) 参数： {string | Array} event (数组只在 2.2.0+ 中支持) {Function} callback 用法：$on事件需要两个参数，一个是监听的当前实例上的事件名，一个是事件触发...

  刘德刚 2019-08-22 17:11 评论0 收藏0
• 

  Vue实例方法之事件的实现

  ...了解使用方式 在分析之前先了解下几个api的使用方式： vm.$on(event, callback) 参数： {string | Array} event (数组只在 2.2.0+ 中支持) {Function} callback 用法：$on事件需要两个参数，一个是监听的当前实例上的事件名，一个是事件触发...

  SwordFly 2019-08-02 10:24 评论0 收藏0
• 

  vue 源码学习笔记三 vue中如何生成虚拟DOM

  vm._render 生成虚拟dom 我们知道在挂载过程中， $mount 会调用 vm._update和vm._render 方法，vm._updata是负责把VNode渲染成真正的DOM，vm._render方法是用来把实例渲染成VNode，这里的_render是实例的私有方法，和前面我们说的vm.render不是同...

  VioletJack 2019-08-23 14:42 评论0 收藏0
• 

  用 Vue 来观察属性变化

  ...etter/setter，在其内部 Vue 可以追踪依赖、通知变化。 const vm = new Vue({ data: {foo: 1} // vm.foo (在内部，同 this.foo) 是响应的 }) 观察属性变化 Vue 的实例提供了 $watch 方法，用于观察属性变化。 const vm = new Vue({ data: {foo: 1} }) vm.$watc....

  hot_pot_Leo 2019-08-20 12:17 评论0 收藏0
• 

  5分钟通读vue源码架构

  ...in (Vue) { Vue.prototype._init = function (options?: Object) { const vm = this // a uid vm._uid = uid++ let startTag, endTag /* istanbul ignore if */ if (process.env...

  Pines_Cheng 2019-08-23 14:55 评论0 收藏0