vue原理
文章平均质量分 65
nirvanaAndRebirth
这个作者很懒,什么都没留下…
展开
-
从snabbdom开始学习vue diff算法(暴力拆除篇)
从snabbdom开始学习vue diff算法(暴力拆除篇)前言我学习此算法的目的是为了三点:面试,学习思路,学习敲代码的风格我在此次学习过程中真的,感受到的是,这些源码其实并不难,我们只是不了解代码的作者想要干什么,所以大家不要抱着很难的态度来看这篇文章。同时,这篇文章中也有很多我没注意到并且写的很不好的地方,大家多多包涵,能帮我改出错误的话我会非常开心。第一阶段:介绍snabbdom几个主要的函数是什么作用我们一下在snabbdom github中出示的示例代码import { ini原创 2021-05-04 16:10:28 · 1749 阅读 · 3 评论 -
vue源码学习(第一张) this访问data数据 拆散之后并不难
vue源码学习(第一张)this访问data数据前言本文章,为了让大家理解为什么我们实例化Vue对象中我们可以用this来访问data中的数据。这里我们大部分都是用的源码,简化的部分很少,但是还是有所修剪。我们使用的函数VueVue对象initData初始化我们的data数据getData如果data是函数的话我们用此方法来取得函数的返回值proxy实现this指向的函数// Vue对象function Vue(options) { this.ini原创 2021-04-28 23:19:58 · 312 阅读 · 1 评论 -
vue-router你看这个文章就完了
vue-router安装方式一:通过vue-cli,在项目创建的时候将router勾选上。方式二:通过命令行安装,然后自自己配置npm i vue-router -S配备文件文件地址:*/src/router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'// 导入组件(页面)import Home from '../views/Home.vue'// 提示此文件要使用VueRouterVue.u原创 2021-04-27 10:31:12 · 111 阅读 · 0 评论 -
简单理解vue中data数据的改变影响视图
简单的理解vue中data数据的改变影响视图前言这个简化了vue虚拟dom的渲染,为了更好地理解vue中data数据的改变影响视图这句话而写的。请熟知 Object.defineProperty和原型原型链的知识,闭包也要有所掌握我们用到的函数data对象变量我们需要的数据updateViews()方法简化的渲染方法observer()方法判断元素并且运行绑定Object.defineProperty的方法defineReactive()方法绑定Object原创 2021-04-03 01:46:44 · 1854 阅读 · 5 评论