0
点赞
收藏
分享

微信扫一扫

05实战:如何掌握 Vue 响应式的特点? 如何模拟实现 Vue2.0 的响应式原理(实例演示)?

Ⅰ、 Vue 响应式:

1、什么是 Vue 响应式:
答:简单说:当更新或者增加data(数据)时,页面(UI)会有响应,重新渲染对应的数据;
2、Vue 响应式的特点:
其一、对象新增加的属性,不具有响应式;
其二、修改对象本存在属性,具有响应式;
其三、数组的普通(非对象)元素通过索引修改,不具有响应式;
其四、数组的对象元素通过索引修改,具有响应式;
其五、数组通过调用 ‘push/splice/shift…’ 方法具有响应式;
其六、数组通过调用 ‘push/splice/shift…’ 方法新增加的对象元素也具有响应式;

Ⅱ、原 Vue 响应式的展示过程:

1、代码展示:
其一、展示 Vue 响应式的代码:

<!DOCTYPE html>
<html lang="en"<
举报

相关推荐

0 条评论