摘要：
1、操作HTML元素的class列表和内联样式是数据绑定的一个常见需求。 2、所以Vue可以通过用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。 因此，在将v-bind用于class和style时，Vue做了专门的增强。 3、表达式结果的类型除了字符串之外， 阅读全文
摘要：
可以用以下修饰符实现仅在按下相应按键时才能触发鼠标或键盘事件的监听器。 .ctrl：ctrl键 .alt：alt键 .shift：shift键 .meta：在Mac系统键盘上，meta对应commmand键（）。 在Windows系统键盘上，meta对应Windows徽标键（）。 在Sun操作系统键 阅读全文
摘要：
1、事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。 尽管可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理DOM事件细节。 为了解决这个问题，Vue为 v-on 提供了 阅读全文
摘要：
1、可以用v-on指令，监听DOM事件，并在触发时运行一些JavaScript代码。 2、v-on可以缩写成@。 3、如果想访问原始的DOM事件，可以使用特殊的变量$event作为参数传入。 <template v-if='false'><!--1、可以在触发时运行一些JavaScript代码。-- 阅读全文
摘要：
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__); 阅读全文