搜索
查看
编辑修改
首页
UNITY
NODEJS
PYTHON
AI
GIT
PHP
GO
CEF3
JAVA
HTML
CSS
搜索
你好赵伟
这个屌丝很懒,什么也没留下!
关注作者
热门标签
jquery
HTML
CSS
PHP
ASP
PYTHON
GO
AI
C
C++
C#
PHOTOSHOP
UNITY
iOS
android
vue
xml
爬虫
SEO
LINUX
WINDOWS
JAVA
MFC
CEF3
CAD
NODEJS
GIT
Pyppeteer
article
热门文章
1
FastAPI删除mongodb重复数据(数据清洗)
2
MySQL的权限管理_mysql授权用户可以管理数据库账户的权限
3
应用命令(docker/podman/nohup/k8s)_podman 关闭删除服务
4
24暑假算法刷题 | Day21 | LeetCode 669. 修剪二叉搜索树,108. 将有序数组转换为二叉搜索树,538. 把二叉搜索树转换为累加树
5
2024年Java最新Java线程(六):线程池,字节跳动Java实习面试凉凉经
6
用Python实现朴素贝叶斯分类器(MNIST数据集)代码解析_python朴素贝叶斯分类mnist数据集
7
Apache Kylin 深入Cube和查询优化
8
STM32 CUBEMX主从定时器配置PWM任意相位可调,占空比以及频率可调(学习记录)_stm32cube 主从pwm
9
Artificial Intelligence Programming with Python 笔记一_artificial intelligence (ai) with python certifica
10
智慧环卫可视化:科技赋能城市清洁管理
当前位置:
article
> 正文
简单说明setter getter数据驱动原理 类似vue数据驱动_setter 说明时候触发
作者:你好赵伟 | 2024-08-11 05:00:20
赞
踩
setter 说明时候触发
数据双向绑定小练习
首先遍历data 使用Object.defineProperty设置setter 和 getter
在这里我定义了一个observe函数来做这个工作
这样当我们获取data的值的时候就会getter 设置值的时候会触发setter
然后我们需要监听数据的变化,这样我们就需要一个Watcher,
创建一个观察者类Dep用来存储触发观察者Watcher,如何建立watcher和data之间的关系呢
数据变化的时候会触发setter所以我们可以在setter的时候通知观察者数据有变化。
观察者从哪里来呢,我们遍历data的时候在getter里面去添加观察者,我们只需要初始化的时候添加观察者,
所以我们需要有一个判断,我们可以判断Dep.target来区分
创建Wacher类,Watcher具有对比新旧值的能力,通过调用update方法来通知Compile来更新视图
Compile就是一个编译更新视图的类
我这里只是简单的实现了v-bind的绑定ElementNode的小功能,当然真正的双向绑定要复杂的多,
这里只是简单是阐述一下原理。仅供参考。欢迎大家拍砖指正。
详细代码请移步我的个人博客
https://www.w2le.com/p/42
声明:
本文内容由网友自发贡献,转载请注明出处:
【wpsshop】
推荐阅读
article
Go语言实现简单
服务器
和
客户端
_
goframe
ws
客户端
...
Go语言实现
服务器
和
客户端
比较简单
服务器
: listen accept recv
客户端
dial write1.ser...
赞
踩
article
计算机
四级
c
试题及
答案
,
全国
计算机
等级考试C语言
程序设计
章节练习题及
答案
(14)
...
...
4.2 单选题1.下列关于定义一个指向double型变量的指针,正确的是( B )。A.int a(5);double ...
赞
踩
article
如何在
浏览器
看到
ASP
的
错误
详细信息
(
IIS7.0
)...
iis 7.0 ,在我们做
的
页面出现
错误
的
时候,页面默认不会像iis 5.1 那样提示具体
的
错误
信息。只会提示这样
的
一串...
赞
踩
article
使用 Pytorch
从头开始
构建
Transformer
...
在今天的博客中,我们将了解
Transformer
的架构。
Transformer
通过引入一种通过注意力机制捕获序列内...
赞
踩
article
ai
怎样
导出
所
选
部分
,AI 怎么
导出
部分
文件
...
在Adobe illustrator作图之b
ai
后,需要
导出
高清大图,du主要通过调整zhi图片的
导出
“品质dao”,以...
赞
踩
article
大
数据
笔记(学习归纳)_
string
和
decimal
的
数据
goup
by
...
大
数据
笔记(学习归纳)
大
数据
架构基础知识题
大
数据
组件概念
大
数据
环境搭建1.介绍一下集群搭建
的
过程?2.说一两个搭建过程遇...
赞
踩
article
机器
学习
周刊第二期:
300
个
机器
学习
应用
案例
集_
机器
学习
案例
的
网站...
大家好继续分享我最近看过并觉得非常硬核
的
资源,包括Python、
机器
学习
、深度
学习
、大模型等等。_
机器
学习
案例
的
网站
机器
...
赞
踩
article
CentOS中查不到ip同时
yum
指令报错“fastest
mirror
Loading
mirror
...
1)cd /etc/sysconfig/network-scripts 进入该文件夹后,然后再ls一下,查看是否有ifc...
赞
踩
article
Qt
隐藏
tab
widget
上的
tab
标签_q
tab
widget
隐藏
tab
标签...
注方式二对qt的版本有要求,需要在5.0以上,在5.0以下的,
tab
Bar()是受保护的,是protected的,不被外...
赞
踩
article
实战
OpenCV
之
环境
安装
与
配置
...
OpenCV
,英文全称为Open Source Computer Vision Library,是一个开源的计算机视觉和...
赞
踩
article
初识
GitHub
· 简介篇
_
github
路...
本文介绍了
GitHub
的基本功能,包括代码托管、版本控制、分支管理和Pull Request机制。文章强调了
GitHub
...
赞
踩
article
20
24
五一
赛
数学
建模
A
题
20
页完整
1
-
3
小问解
题
思路代码+运行结果高清图_
20
24
五一
数学
建模
a
题
...
假设切割路径为一条折线,由于切割起始点为右下角点,可以先从右下角开始,往左上方进行切割。因此,最优的切割路径方案为先从右...
赞
踩
article
百度
AI,实现
图像
增强
,
Base64
图片
转化问题_
百度
图片
ai
画质
增强
...
本文主要是结合了几个技术,整合一下,根据自己的需求,实现了
图像
增强
首先需要用到的是
百度
AI技术,使用的技术是引入SDK包...
赞
踩
article
推荐开源项目:
Elastic
APM
Agent
for
Go
...
推荐开源项目:
Elastic
APM
Agent
for
Go
项目地址:https://gitcode.com/elas...
赞
踩
article
永磁
同步电机
矢量
控制
(四)——
速度
环
PI
参数
整定(三)_转速
环
带宽
...
本文详细介绍了永磁
同步电机
矢量
控制
中的
速度
环
PI
参数
整定过程,包括典型II型系统开
环
伯德图解析、中频
带宽
与相位裕度的计算...
赞
踩
article
使用
Spring
AI 和
LLM
实现
数据库
查询
...
在
LLM
的帮助下质疑
数据库
需要对元数据进行一些努力,并且对
数据库
包含的内容有一个粗略的了解。AI/
LLM
不适合创建...
赞
踩
article
怎样将
图片
无损
放大
?
图片
如何
在线
无损
放大
?_
图片
无损
放大
在线
...
怎样将
图片
无损
放大
(https://www.yasuola.com/zoom)?相信很多小伙伴在日常工作和生活中,有时需...
赞
踩
article
Django
REST
Framework
教程(
10
):
限流
(
throttle
)详解与示例...
本文介绍了
Django
REST
Framework
中如何进行API请求
限流
,包括AnonRateThrottle、Us...
赞
踩
article
Eureka
服务
下线太慢...
为啥
服务
都下线了还会有那么多的请求一直进来呢?呐,我们都知道
Eureka
是 AP 模型,其实根本原因在于 Eurek...
赞
踩
article
DP
入门(
c++
)
_
c++
dp
...
本文介绍了动态规划的概念,强调在掌握记忆化搜索和递推基础上学习动态规划的重要性。动态规划是一种通过解决子问题来求解复杂问...
赞
踩
相关标签
go
计算机四级c 试题及答案
pytorch
transformer
人工智能
ai怎样导出所选部分
大数据
数据仓库
机器学习
centos
linux
运维
qt
开发语言
opencv
计算机视觉
环境安装
数学建模
学习
PMSM
数据库
ai
图片放大
无损处理