随笔分类 - Vue2.0
摘要：v-for 也可以取整数。在这种情况下，它将重复多次模板。 例子 浏览器打开显示 如果想对这10个数进行过滤呢(只要偶数) 我们可以创建返回过滤的计算属性。 浏览器显示: 我们也可以用methods方法来写
阅读全文
摘要：还是由于 JavaScript 的限制，Vue 不能检测对象属性的添加或删除： 对于已经创建的实例，Vue 不能动态添加根级别的响应式属性。但是，可以使用 Vue.set(object, key, value) 方法向嵌套对象添加响应式属性。例如，对于： 你可以添加一个新的 age 属性到嵌套的 u
阅读全文
摘要：1 2 3 4 5 Vue实现简易留言板 6 7 8 9 10 16 17 18 19 20 21 用户名: 22 23 24 25 年 龄: 26 27 28 ...
阅读全文
摘要：Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性 这样无论我增加还是删除都是有响应的 在做一个例子结束这篇博客！ 效果如下: 当鼠标滑动时颜色会发生变化
阅读全文
摘要：变异方法 (mutation method)，顾名思义，会改变被这些方法调用的原始数组。相比之下，也有非变异 (non-mutating method) 方法，例如：filter(), concat() 和 slice() 。这些不会改变原始数组，但总是返回一个新数组。当使用非变异方法时，可以用新数
阅读全文
摘要：Vue 包含一组观察数组的变异方法，变异方法 (mutation method)，顾名思义，会改变被这些方法调用的原始数组 所以它们也将会触发视图更新。这些方法如下： push() pop() shift() unshift() splice() sort() reverse() 你打开控制台，然后
阅读全文
摘要：首先看一下官网的论述： 为了了解为什么需要key我们看下以下内容（标注:以下内容是从知乎上看到的） 要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。 我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便
阅读全文
摘要：我们写的页面需要记录图书的列表 浏览器显示: 我们在用vue提供的列表渲染来完成这个例子 浏览器显示: 在 v-for 块中，我们拥有对父作用域属性的完全访问权限。v-for 还支持一个可选的第二个参数为当前项的索引。 我们拥有对父作用域属性的完全访问权限？首先来解释一下这句话: (首先上述内容有可
阅读全文
摘要：先看一个使用vue v-if的小例子 我们刚把小明藏起来,小李又开始找其他人了,我们快帮帮其他人藏起来吧！但怎么把3个人同时隐藏起来呢！我们可以使用template元素实现: 耶有种助人为乐的感觉想想还有点兴奋呢！ 游戏还在进行着！我们决定捉弄小李一翻,当小李从小新身边经过后把他显示出来,同理,小月
阅读全文
摘要：一.先看一个例子 当我们看到这个例子不再是简单的声明式逻辑 不再像 {{ 1 + 1 }}那么的容易理解,你可以需要看一段时间之后才意识道,"哦 原来这是个将字符串反转的例子！" 当我们频繁使用这种复杂的逻辑时,我们就需要使用Vue提供的计算属性了,对于任何复杂的逻辑你都应当使用“计算属性” //
阅读全文
浙公网安备 33010602011771号