
Vue原理
enter键上的妹妹
此人不懒,但啥都没有写
展开
-
Vue:路由原理(hash)
没想到路由的原理这么简单原创 2020-09-04 12:00:25 · 4701 阅读 · 0 评论 -
Vue笨蛋学原理:渲染模型
这不是Vue的源码这不是Vue的源码这不是Vue的源码只是为了帮助咱们去理解Vue的思想创建一个属于自己的Vue,在这个函数里去执行挂载方法 function myVue( options ) { this._data = options.data; // vue 是字符串, 这里是 DOM this._template = document.querySelector( options.el ); this.mount(); // 挂载 } 带有缓存功能的.原创 2020-09-18 09:56:26 · 263 阅读 · 1 评论 -
vue2.x带你手写响应式代码(响应式原理)
vuex响应式原理?其实很简单啦!!一步一步带你写原创 2020-08-30 01:49:54 · 4080 阅读 · 0 评论 -
Vue笨蛋学原理:真实DOM转换为虚拟DOM
为什么要使用虚拟DOM?在js中操作DOM是一件很消耗性能的事可能会造成回流和重绘数据改变的时候虚拟DOM只对页面进行一次操作使用虚拟DOM是为了提高性能什么是虚拟DOM?可以把虚拟DOM理解为一个用字符串表达的HTML标签当然了,这个字符串是存放在对象数据类型里的<div/> => {tag:'div'}<div>我是内容</div> => {tag:'div',value:'我是内容'}<div title="1"原创 2020-09-17 13:51:26 · 1349 阅读 · 0 评论 -
Vue笨蛋学原理:如何获取data里的对象类型里的数据
在上一篇我们只考虑了单属性,比如:( {{ name }} ),而Vue中大量的使用层级,比如:( {{ child.name. firstName}} )直接上代码如何访问name.firstName呢?let data = { name:{ firstName:'刘',, lastName:'亦菲' }}我们是使用xxx.yyy.zzz来访问对象里的数据,也就是点运算符也可以说一个字符串路径来访问对象成员function getValueByData(obj,pa.原创 2020-09-17 12:30:17 · 3127 阅读 · 0 评论 -
Vue笨蛋学原理:数据(data)是如何出现在页面上的?
谁都能看懂的Vue源码分析原创 2020-09-17 10:54:24 · 2487 阅读 · 0 评论