摘要：
过渡和动画 使用<transition> 组件包裹 例： <transition name="fade"> <div v-if="true">过渡动画</div> </transition> style：.fade-enter-active, .fade-leave-active {transiti 阅读全文
摘要：
vue除了有v-if等内置指令，我们也可以创建自定义指令。 例：我们可以实现一个可以每隔一秒闪烁的节点，类似于<blink>标签的行为。添加一个指令类似于添加一个过滤器，可以将他传入vue实例或组件的directives属性，或者使用vue.directive()注册一个全局指令。传入指令的名字以及 阅读全文
摘要：
1.ref ref可以直接访问元素，而不需要使用querySelector或者其他dom节点的原生方法。 <div ref = "box"></div> 在js中，这个原生会被存到this.$ref这个对象中，对应的键名就是为这个元素的ref属性设置的值 使用this.$ref.box访问这个元素 阅读全文
摘要：
过滤器是一种在模板中处理数据的便捷方式，特别适合对字符串和数组进行简易显示 <div id="app"> <p>商品1花费{{oneCost | fromatCost}}</p> <p>商品2花费{{towCost | fromatCost}}</p> <p>商品3花费{{treCost | fro 阅读全文
摘要：
侦听器 使用方式：设置需要侦听的data里的属性名就可以了 new Vue({ el:"#app", data:{ count:0 }, watchers:{ count(){ //this.count 发生了改变 } } }) 侦听器适合异步操作 监听data对象中某个对象的属性 'count.t 阅读全文
摘要：
1.方法 在vue模板里函数被定义为方法来使用，将函数放在methods对象里，作为一个属性，就可以在模板里使用它 this：在方法中this指向该方法所属的组件，可以使用this方文档data对象的属性和其他方法。this.属性/方法名 即可 2.计算属性 计算属性介于data的对象和方法之间，可 阅读全文
摘要：
1.响应式 vue修改了每个添加到data上的对象，当该对象发生变化时vue会收到通知，从而实现响应式。对象的每个属性都会被替换为getter,setter方法。 有两种方式实现data对象的监听 (1)脏检查：通过存储这个对象副本，然后比较两者，但这种方法并不高效。 (2)使用Objectf.de 阅读全文
摘要：
1.v-if和v-show v-if 和v-show都可以显示和隐藏元素； 区别：（1）v-if初始值为false那么这个元素不会被渲染 ，v-show不管初始值为何值都会被渲染 （2）v-if是控制DOM元素是否插入，v-show是控制css的display属性 （3）v-if适合隐藏尚未加载的内 阅读全文