IT入门 > 教程 >

动画模式

同时生效的进入和离开的过渡不能满足所有要求，所以 Vue 提供了 过渡模式 in-out ：新元素先进行过渡，完成之后当前元素过渡离开。 out-in ：当前元素先进行过渡，完成之后新元素过渡...

过渡的类名

v-enter ：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active ：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入...

动画概述

Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。 语法 transition name = 过渡名称 div.../div/transition...

对象变化监听

我们需要监听对象的属性值是否发生改变用 计数器: {{ num }} 点我...

侦听器

p>Vue 通过 watch 来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。 计数器: {{ num }} 点我 每次点击按钮都会输出： num变化 :1变为2! num变化 :2变...

计算属性

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： {{ msg.split('').reverse().join('') }} ，这里是想要显示变量 m...

事件处理方法

问候...

监听事件

可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 加 1 按钮被点击了 {{ counter }}次. var example1 = new Vue({ el: '#ap', data: { counter: 0 } })...

修饰符

在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： .number 如果想...

复选框

lt;div class=quot;explainquot;gt; lt;input type=quot;checkboxquot; id=quot;checkboxquot; v-model=quot;checkedquot;gt; lt;label for=quot;checkboxquot;gt;{{ checked }}lt;/labelgt; lt;/divgt;...