![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue进阶
文章平均质量分 63
如果决定要走又何必挽留
学习交流群:862404453
展开
-
nextTick的应用和原理理解
这些代码大家可以看下,template模版双向绑定的是张三这个对象,页面上显示的也是:在点击按钮之后发生更改,将张三这个对象-------------------李四;可以看出视图上发生了更改,张三变成了李四。但是打印出来的DOM还是张三,这是为什么呢?原创 2024-07-01 16:39:12 · 287 阅读 · 0 评论 -
reactive对比ref
reactive对比ref原创 2022-09-18 19:21:47 · 397 阅读 · 0 评论 -
Vue3.0的响应式原理
vue3.0响应式原理原创 2022-09-18 19:09:04 · 156 阅读 · 0 评论 -
vue中的传值
Vue中的组件传值原创 2022-08-04 19:01:36 · 315 阅读 · 0 评论 -
render函数和Vue的执行过程
前言:很多人,在Vue里面我们写一些东西会自动帮我们渲染,现在我们一起探究一下Vue的渲染工作流程吧。一.什么是render函数?简单的说,在vue中我们使用模板HTML语法来组件页面的,使用render函数我们可以用js语言来构建DOM,因为vue是虚拟dom,所以在拿到template模板时也要转译程VNode的函数,而render函数构建DOM,vue就免去了转译的过程。当使用render函数描述虚拟DOM时,Vue提供了一个函数,这个函数是构建虚拟DOM所需要的工具。官网上给他.原创 2022-02-11 22:04:11 · 2069 阅读 · 0 评论 -
Vue响应式原理
一.深入响应式原理Vue最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScrpit对象。而当你修改他们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避免一些常见的问题。接下来我们一起探究下吧。二.Object.defineProperty属性当你把普通的JavaScrpit对象传入Vue实例作为data选项,Vue将遍历此对象所有的property,并且使用Object.defineProperty把这些property全部转为.原创 2022-01-16 20:50:33 · 653 阅读 · 0 评论