有时候指令太多会造成记错、记混的问题，所以本文在记忆的时候会采用穿插记忆的方式，交叉比对，不易出错。 本文主要讲了一下六个指令： v-if//v-show//v-else//v-for//v-bind//v-on 1. v-if 条件渲染指令，根据其后表达式的bool值进行判断是否渲染该元素 ...

Vue.js为两个最为常用的指令提供了特别的缩写： v-bind缩写 v-on缩写 ...

　　市面上大多数关于Vue.js自定义指令的文章都在讲语法，很少讲实际的应用场景和用例，以致于即便明白了怎么写，也不知道怎么用。本文不讲语法，就讲自定义指令的用法。 　　自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充 ...

在进入Vue之前我们还是先了解一下使用Vue的面向对象的三种创建方式吧 类和对象是 面向编程中最重要的两个概念，一定要理清 类 : 是一个抽象概念(不是实际存在),(属性,行为) 对象 : 是实际存在的，是对象的实例化，看过几个例子你就会明白。 在ES6之前：1、内置 ...

一、v-show指令 v-show指令可以用来动态的控制DOM元素的显示或隐藏。v-show后面跟的是判断条件，语法如下： 例如： v-show="true"，表示显示DOM元素。 v-show="false"， 表示隐藏DOM元素。 看下面的示例 ...

官方的指令说明已经很简单了，这里再写一遍，也是自己加深一下印象 v-text 就是写入单纯的文本，可以忽略这个指令直接双花括号代替 v-html 更新元素的 innerHTML，如果取回的值里面包含了html的样式，可以使用这个指令。 以下抄写了官方注意事项，对于用户输入 ...

data在vue框架中位置不一样，用法也不一样。简单地说，在实例中data是一个对象，在组件中data就得是函数返回对象。 ...

Vue.js 提供了一个方法 watch，它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。 在实例化时为每个键调用 $watch() ; ...