Vue.js核心源码分析
分析Vue核心功能实现原理
努力的小王
这个作者很懒,什么都没留下…
展开
-
Vue-router简单实现
vue-router是一个插件,使用要先安装npm i vue-router 使用步骤: // 配置js文件 import Vue from "vue" import VueRouter from "vue-router" Vue.use(Vuerouter)//1、注册插件,如果参数是函数就执行函数,如果是对象则调用install静态方法 const router = new VueRouter({// 2、构造 参数是对象选项routers 地址是component 响应式 ...原创 2021-09-10 14:45:12 · 220 阅读 · 0 评论 -
Vue核心源码分析—MVVM模型底层原理、订阅发布者模式(上)
Vue.js 是一个提供了 MVVM(Model-View-ViewModel ) 风格的双向数据绑定、数据层和视图层通过DOM监听和Data绑定的方式,实现View 和 Model的一致性。 view层和model层之间通过ViewModel也就是Vue实例绑定在一起实现数据驱动,免去了频繁更新Dom的操作。MVVM实现的原理是用defineProperty方法进行数据劫持(拦截处理数据),即拦截目标属性定义给目标对象(要操作的对象,为这个对象定义属性),并给目标属性一...原创 2021-07-17 00:26:09 · 436 阅读 · 1 评论 -
Vue核心源码分析—虚拟DOM(更新中)
Vue有两个核心功能一个是数据驱动,同步了View和Data,提高了开发效率。 另一个是虚拟Dom,真实的Dom有很多的成员变量,维护起来很苦难,而虚拟Dom很小。 虚拟Dom会比较更新前后页面的不同,更新需要变化的不同的地方从而减少了页面重绘的面积,极大的提高了性能。 ...原创 2021-07-17 23:13:01 · 156 阅读 · 2 评论