![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue基本原理
vue基本原理
啵雨的博客
要学习的还有很多!!
展开
-
vue双向绑定的原理(响应式+组件渲染和更新过程)
vue双向绑定的原理(响应式+组件渲染和更新过程)首先vue是MVVM模型,把Model绑定到View的同时也将View绑定到Model上,这样就既可以通过更新Model来实现View的自动更新,也可以通过更新View来实现Model数据的更新。所以,当我们用JavaScript代码更新Model时,View就会自动更新,反之,如果用户更新了View,Model的数据也自动被更新了双向绑定在vue可以通过v-modal实现view改变,modal里面data会发生改变,可以通过事件监听即可,比如v-原创 2020-08-05 14:36:05 · 506 阅读 · 0 评论 -
vue 3 Proxy实现响应式
vue 3 Proxy实现响应式一Proxy基本使用:二.测试1》data为对象2》data为数组三.Reflect的作用:规范化、标准化、函数式替代掉Object上的工具函数四.如何实现响应式:1》2》3》深度监听在proxyConf里面return reactive()用Proxy实现响应式如果访问info层级,则city和a具有响应式,bcde都不具有响应式;如果用之前objectdefineproperty实现响应式,则city,abcde全部具原创 2020-07-31 00:26:59 · 1253 阅读 · 0 评论 -
vue真题演练
vue真题演练首先定义的xxx.vue文件在编译之后是一个类,每个地方使用这个组件的时候,相当于对这个类实例化,在实例化的时候执行data,如果不是一个函数的话,每个组件的实例的data都一样了,共享,一个地方的data更改,所有的data一起改变。如果data是一个函数,每个实例的data都在闭包当中,就不会各自影响了组件和DOM加载完成后,触发ajax请求,然后把数据渲染上(平常vue项目中,把this.axios放入mounted中,axios相当于ajax)vu原创 2020-07-30 18:33:36 · 139 阅读 · 0 评论 -
vue路由选择
JS路由选择一.hash:注意使用onhashchange事件二.H5 history这种方式需要与后端配合三.两者选择:通常都用hash,特殊需要再用history原创 2020-07-30 16:05:23 · 183 阅读 · 0 评论 -
模板编译即渲染更新过程
模板编译原创 2020-07-30 11:32:02 · 170 阅读 · 0 评论 -
虚拟DOM和diff
虚拟DOM和diff一.基本了解1》vdom是实现vue和react的重要基石2》diff算法是vdom中最核心,最关键的部分二.背景:三.上述问题的解决方案:利用vdom四.用JS模拟dom结构:五.通过snabbdom学习vdom1》简洁强大的vdom树,易学易用2》Vue参考它实现的vdom和diff3》snabbdom网址...原创 2020-07-28 22:33:20 · 209 阅读 · 0 评论 -
vue响应式
vue响应式1》在上一节数据驱动的过程中,vue是如何知道data变化的(数据驱动视图的第一步)?2》核心API:Object.defineProperty3》Object.defineProperty基本用法:Object.defineProperty,get和set的用法Get指读取属性时调用的函数。Set指写入属性时调用的函数。①.监听对象:这地方要注意:当我们data.name=’xxx‘更新数据时,会直接调用set(),因为在上面说到set()是指写入属性时调用的,参数是原创 2020-07-27 18:11:25 · 156 阅读 · 0 评论 -
如何理解MVVM模型
如何理解MVVM模型一.组件化基础:1》在很久以前,就有组件化的思想2》这几年出现了数据驱动视图的概念(MVVM,setState)MVVM vue使用,setState react使用3》需要对两者进行对比4》传统组件化:如asp jsp php 已经有组件化了,nodejs也有类似的组件化,他们只是静态渲染,更新还要依赖于操作DOM而数据驱动视图:(vue和react框架)我们不再自己操作dom,我们想改什么地方,直接改vue里面的数据,框架本身根据数据渲染视图正因为这一点,我们原创 2020-07-27 12:16:47 · 375 阅读 · 0 评论