至此可以说我们已经为数据实现响应式了，通过以上代码可以看出，如果你的Object层级很深，那么递归是会影响性能的。接下来我们思考一个问题，假如我们使用如下方式给对象赋值会触发几次更新视图的方法： 那我们来让这种方式改变数据也会触发更新视图，首先我们看下，我们调用了push方法，…

闲事少管，走路陈展。开始正题。 引用vue官网的一段话。 Object.defineProperty在本次项目中扮演着至关重要的角色。 通过Object.defineProperty来定义所有的属性，这些属性就可以拥有get/set方法。 用vue官网的一个🌰。当我在控制台输…

本文将会带你了解到我是如何创建一个动态树图的，该图使用 SVG（可缩放矢量图形）绘制三次贝塞尔曲线（Cubic Bezier）路径并通过 Vue.js 以实现数据响应。 在开始前，先让我们来看一个 demo。 基于 SVG 和 Vue.js 框架的强大功能，我们可以轻松创建基于…

该项目很适合初学vue的同学，实现了登录功能、音乐推荐、排行榜、搜索音乐、播放控制模块等。接口已通。

骨架屏可以理解为是当数据还未加载进来前，页面的一个空白版本，一个简单的关键渲染路径。用户会看到一个样式简单，描绘了当前页面的大致框架的骨架屏页面，然后骨架屏中各个占位部分被实际资源完全替换，这个过程中用户会觉得内容正在逐渐加载即将呈现，降低了用户的焦躁情绪，使得加载过程主观上变…

基于vue的，需要你对 vue 的 transition 和 transition-group有过使用和了解。 vue的文档对 transtion 组件已经有了很详细的 分析 了。 transtion 是vue提供的一个抽象组件，会在 合适的时机 帮我们操作其包裹的子元素。 r…

用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创…

created时，可用data和prop中的数据。 computed的属性，当在mounted或者dom中使用到时，才会属性的执行代码。 最后是mouted，可使用前面的数据，并且此时才可以操作dom。 watch不会再创建阶段自动执行，除了添加立即执行这个配置项。 计算属性是…

1. 引言 不，100% 兼容 Vue 2.0，且暂未打算废弃任何 API（未来也不）。之前有草案试图这么做，但由于用户反馈太猛，被撤回了。 没有呀，这次精读的稿子就是 RFC（Request For Comments），翻译成中文就是 “意见征求稿”，还在征求大家意见中哦。 …