vue3.0将双向数据绑定的主要方法从Object.defineProperty舍弃，使用了proxy的方式通过观察者模式实现相关的数据变化监听，总的来说是一个很好地前进。今天简单的实验了一下相关的实现和不同情况下的使用输出。简单记录一下吧。同时说明代码中是使用数组的例子进行区分的。 个人认为pro ...
分类：
其他好文 时间：
2020-01-21 18:12:01
阅读次数：
105
:model/v-model：通常用于input的双向数据绑定 @keyup：vue 键盘事件keyup/keydoen created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activ ...
分类：
其他好文 时间：
2020-01-21 10:43:55
阅读次数：
58
1.实现一个数据监听器Observer,能够对数据对象的所有属性进行监听，如有变动可拿到最新值通知订阅者2.实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析，以及绑定相应的更新函数3.实现一个Watcher,作为连接Observer和Compile的桥梁，能够订阅并收到每个属性变动的通知，执行指令绑定的相应回调函数，从而更新视图4.mvvm入口，整合以上三者
分类：
其他好文 时间：
2020-01-20 09:22:32
阅读次数：
72
自定义组件 1. 自定义组件的v model 首先我们先说一下在自定义组件中使用v model的必要条件 在自定义的组件中要有input(这里我们先不讨论单选复选框) 在自定义组件的模板对象中要有props属性，且里面要含有一个value 在自定义组件的input标签上要绑定value属性值为pro ...
分类：
其他好文 时间：
2020-01-19 21:55:43
阅读次数：
71
双向数据绑定 方向一：将数据绑定到视图 方向二：将视图用户操作的结果 绑定到 数据 语法：<input type=" " [(ngModule)] = " "> ①必须指定模块 依赖于 表单模块（ngModule指令并不属于ng核心模块的，属于表单模块） 在app.module.ts中，引入表单模块 ...
分类：
其他好文 时间：
2020-01-17 22:48:08
阅读次数：
83
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 ...
分类：
其他好文 时间：
2020-01-07 14:48:49
阅读次数：
89
vue是双向数据绑定的框架，数据驱动是他的灵魂，他的实现原理众所周知是Object.defineProperty方法实现的get、set重写，但是这样说太牵强外门了。本文将宏观介绍他的实现 + "使用vue" + "分析Object.defineProperty" + "简单的源码解析" + "一切 ...
分类：
其他好文 时间：
2019-12-30 17:41:39
阅读次数：
63
你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。 它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 v ...
分类：
其他好文 时间：
2019-12-29 11:29:20
阅读次数：
87
(1)HTML绑定：{{}} (2)属性绑定:[] 注意:属性绑定通常赋值为变量，如果赋值为常量(如字符串常量) 必须用引号括起来，如<img [src]="'../../assets/'+imgUrl"> (3)事件绑定：() (click)="add()" 注意：事件名用()括起来，处理函数后必 ...
分类：
其他好文 时间：
2019-12-27 13:48:04
阅读次数：
58
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双向数据绑定</title></head><body> <div id="all"> <input type="text" id="txt"> <p id="sho ...
分类：
Web程序 时间：
2019-12-25 13:05:53
阅读次数：
73
