其他章节请看： vue 快速入门 系列 侦测数据的变化 - [基本实现] 在 初步认识 vue 这篇文章的 hello-world 示例中，我们通过修改数据（app.seen = false），页面中的一行文本（现在你看到我了）就不见了。 这里涉及到 Vue 一个重要特性：响应式系统。数据模型只是普 ...
分类：
其他好文 时间：
2021-04-05 12:12:18
阅读次数：
0
1、什么是响应式？ Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。 2、Vue响应式原理 （1）通过 object.definePorperty 进行 get/set 拦截 （2）通知 Watcher 出发组件 ...
分类：
其他好文 时间：
2020-07-22 02:12:21
阅读次数：
86
做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图： 看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望： 兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围 ...
分类：
Web程序 时间：
2020-05-31 11:27:03
阅读次数：
75
一. 强制更新的实例方法 vm.$forceUpdate() 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。 在没有留意到数组或对象的变更检测注意事项，或者你可能依赖了一个未被 Vue 的响应式系统追踪的状态。 然而，如果你已经做到了上述的事项仍然发现在 ...
分类：
其他好文 时间：
2020-03-27 12:47:32
阅读次数：
90
创建一个Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})数据与方法当一个 Vue 实例被创建时，它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，... ...
分类：
其他好文 时间：
2020-03-20 19:59:04
阅读次数：
48
Vue最独特的特性之一，是其非侵入性的响应式系统。 响应式原理：数据变，页面变 Vue如何追踪变化 当把一个普通的JS对象传入Vue实例作为data选项时，Vue将遍历此对象的所有属性，并使用Object.defineProperty把这些属性全部转为getter/setter。Object.def ...
分类：
其他好文 时间：
2020-03-17 19:29:22
阅读次数：
69
#1.写出bootstrap的常用样式#2.什么是响应式系统"""响应式布局就是一个网站可以兼容多个终端，而不是为每个终端做一个特定版本"""#3.请通过jQuery发送ajax请求# $.ajax({# 'url':'/calc/',# 'type':'post',# 'data':{# 'k1' ...
分类：
Web程序 时间：
2020-03-02 13:05:05
阅读次数：
80
随着 Vue 3.0 Pre Alpha 版本的公布，我们得以一窥其源码的实现。Vue 最巧妙的特性之一是其响应式系统，而我们也能够在仓库的 packages/reactivity 模块下找到对应的实现。虽然源码的代码量不多，网上的分析文章也有一堆，但是要想清晰地理解响应式原理的具体实现过程，还是挺 ...
分类：
其他好文 时间：
2019-12-10 13:03:47
阅读次数：
261
Vue组件如何通信？ computed和watch有什么区别? Vue是如何实现双向绑定的? Proxy与Object.defineProperty的优劣对比? 你是如何理解Vue的响应式系统的? 既然Vue通过数据劫持可以精准探测数据变化,为什么还需要虚拟DOM进行diff检测差异? Vue为什么 ...
分类：
其他好文 时间：
2019-10-05 18:29:17
阅读次数：
93
1. vue渐进式 把框架分层：视图层 =》组件机制 =》 路由机制 =》 状态管理 =》 构建工具 即可以使用最核心的视图层渲染功能来开发需求，也可以根据需求加入其他模块。 2. 变化侦测 渲染：状态 =》DOM =》 用户界面 vue响应式系统赋予框架重渲染的能力，主要归功于变化侦测，即检测数据 ...
分类：
其他好文 时间：
2019-09-13 13:59:42
阅读次数：
83
