摘要：
1、当 v-for 与 v-if 一起使用时，v-for 的优先级比 v-if 更高。这意味着 v-if 分别重复运行于每个 v-for 循环中。 如果渲染一个列表时，需要按照条件来渲染，那么需要v-for与v-if一起使用了。 2、Vue官方不建议v-if和v-for同时用在一个元素上，因为一起使 阅读全文
摘要：
在实际开发中经常会遇到层级比较多的数据结构，这时我们要用v-for循环嵌套遍历数据。 在做v-for嵌套循环时要注意以下几点： 1>父级循环中的index索引，与子级循环中的index索引必须区别开。 2>不要忽略 :key。 （父级循环的:key对应父级的index索引，子级循环的:key对应子级 阅读全文
摘要：
1、v-for指令，基于一个数组来渲染一个列表。（也可以基于一个对象） （注意：指令v-for，也可以被template标签使用） 2、v-for指令，需要使用（item,index）in items 形式的特殊语法。其中 1>items 是源数据数组。 2>item 是被迭代的数组元素的别名。 3 阅读全文
摘要：
1、指令v-show，可以根据表达式的值true或false，来显示或者隐藏HTML元素。 2、用法和v-if大致一样，不同的是，带有v-show的元素始终会被渲染并保留在DOM中。 3、v-show（值是false）相当于对CSS样式的display属性进行（none）操作。 4、面试问：v-if 阅读全文
摘要：
1、v-if指令，用于条件性地渲染一块内容。 1> 只有指令的表达式返回true的时候，文档中对应的DOM元素才能被渲染。 2> 使用指令v-if='false'的标签，从文档中真正删去了这个DOM元素。 3> 用 v-if 作三元运算符，返回结果不是boolen类型的话是没有意义的,因为只有指令的 阅读全文
摘要：
指令（Directives）是带有前缀v-的特殊属性。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。 1、v-cloak 1>v-cloak指令设置样式，这些样式会在Vue实例编译结束时，从绑定的HTML元素上被移出。 2>当网络较慢，网页还在加载Vue.js，导致Vu 阅读全文
摘要：
结合响应系统，实现数据更新即时渲染到View层。 1、模板语法——插值（数据绑定最常见的形式，就是使用“Mustache”语法即双大括号的文本插值。） 1>普通文本：使用{{}} 2>要解析HTML代码：使用指令v-html 3>html标签属性的value值：使用指令v-bind 2、Mustac 阅读全文
摘要：
问题： console.log(this.$refs['box3']._proto_ ) //打印结果为undefined 解决方法: proto左右两边应该各自连续打两次_,我只打了一次_ console.log(this.$refs['box3'].__proto__); 阅读全文