首页 > 其他分享 >35. vue响应式的get和set如何触发或者过程

35. vue响应式的get和set如何触发或者过程

时间:2022-11-13 18:49:24浏览次数:51  
标签:触发 vue get 35 set getter setter

首先 ,vue 内部使用  Object.defineProperty 给data中的数据添加了 getter 和 setter 函数  ;

当我们访问数据的时候,会触发getter 函数 return 给我们数据值,当我们修改数据的时候会触发setter 函数去修改数据,然后去更新页面视图 ;

 

标签:触发,vue,get,35,set,getter,setter
From: https://www.cnblogs.com/zhulongxu/p/16886553.html

相关文章

  • 34.vue响应式
    响应式就是数据发生变化,ui界面自动更新内容;vue响应式的实现是在创建vue实例的时候,遍历data数据,通过Object.defineProperty给每个数据添加getter和setter函数,获取......
  • 32. vue框架的理解
    vue是创建用户界面的框架,是创建SPA应用的框架,采用了MVVM模型,是数据驱动视图;使用了业务逻辑和页面解构分离的开发思想;使用高效的diff算法渲染列表;使用组件化开发,提高代......
  • Vue路由守卫操作-全局路由守卫
     先上代码:router.beforeEach=全局路由守卫//这个东西叫做路由守卫//在我们浏览器上面输入了url地址以后跳转到一个组件去router.beforeEach((to,from,next)=>......
  • 【Vue2-01】Vue脚手架
    Vue脚手架一、单文件组件1.单文件组件定义单文件组件:*.vue文件,类似HTML格式的文件。Vue的单文件组件会将一个组件的逻辑(JavaScript)、模板(HTML)和样式(CSS)封装在同......
  • Vue-CLI项目搭建
    目录Node.js安装下载安装环境变量配置配置npm在安装全局模块时的路径和缓存cache的路径测试常见命令Vue-CLI项目搭建Node.js安装下载安装快速访问任意门:Download|N......
  • 洛谷 P3523
    感觉和COCI2021-2022#4的T4一模一样。显然考虑二分,设当前二分出的值是\(lim\)。那么就是称一个点能覆盖另一个点当且仅当它被选中且它与那个点的距离不大于\(lim......
  • Vue 全部生命周期组件整理
    ​前言今天继续加油学习,今天整理一下VUE中生命周期那有些,平且依次说明给个的使用场景以及作用。嘻嘻嘻,让我们一起学起来好吧~~~come生命周期beforeCreate:在创建组件之前使......
  • Vue中使用el-upload+XLSX实现解析excel文件为json数据
    场景业务要求为实现每天上报各部门计划人数,需要通过excel导入数据。前端可以解析excel数据并进行初步的格式校验。  导入成功之后解析的数据  excel里的数据......
  • 力扣35(java&python)-搜索插入位置(简单)
    题目:给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。请必须使用时间复杂度为O(logn)的算法......
  • 怎么封装一个vue的自定义指令
    自定义指令分为全局和局部的指令;1.自定义全局指令:在mian.js中,使用Vue.directive(‘指令名’, 配置对象)2.局部自定义指令在组件中使用directives......