avatar

不觉南风

不觉南风的个人博客

  • 首页
  • 文章
  • 标签
  • 项目&效果展示
  • 关于
Home vue双向绑定
文章

vue双向绑定

Posted 2023-09-3 Updated 2024-02- 18
By 不觉南风
0~0 min read

vue数据双向绑定
想要知道vue的双向绑定,我们需要从vue的实例创建说起
首先vue会将vue文件解析,生产抽象语法树。
然后会运行一次render函数
然后数据进行初始化
初始化期间会将data中的属性利用属性描述符进行递归遍历,生成对应的数据劫持
这也是为什么如果属性没有写在data中,就必须使用$set进行属性添加的原因,否则就会失去数据的响应式
在利用Object.defineProperty生成数据劫持期间,在get中会进行依赖收集,在set中会进行任务派发
每当数据发生变化后,就会执行set,重新运行render函数实现数据的双向绑定

编程随记
vuejs
License:  CC BY 4.0
Share

Further Reading

Mar 21, 2024

vue项目中利用scss进行全局字体放大

新公司需要上架浙里办政府服务网的PC端,在审核的时候被老龄化适配打回来了。需要做全局的字体放大,在网上查了一些博客,最后结合自

Mar 9, 2024

AMD规范

什么是AMD规范 AMD(Asynchronous Module Definition),也就是异步模块定义。AMD规范,制定了定义模块的规则,使得模块之间的依赖可以被异步加载。这和浏览器的异步加载模块的环境刚好适应(浏览器同步加载模块会导致性能、可用性、调试和跨域访问等问题)。 所谓异步,就是所有

Mar 9, 2024

http缓存机制

缓存的基本原理 在一个C/S结构中,最基本的缓存分为两种: 客户端缓存 服务器缓存 本文仅讨论客户端缓存

OLDER

vue组件性能优化的几种方式

NEWER

MongoDB数据库的简单使用

Recently Updated

  • vue项目中利用scss进行全局字体放大
  • AMD规范
  • http缓存机制
  • git提交报错 husky - commit-msg hook exited with code 1 (error)
  • for...in 和 for...of有什么区别?

Trending Tags

电脑常见问题 nodejs vuejs webpack 网络 问题记录 javaScript基础 小程序 常用插件 数据库

Contents

©2025 不觉南风. Some rights reserved.

Using the Halo theme Chirpy