IT入门 > 教程 >

动画概述

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;...

符号优先列表

下表列出了所有Python的运算符，从最高优先级到最低级别。...

对象绑定

绑定的数据对象不必内联定义在模板里： 数据如下 data: { classObject: { active: true, 'text-danger': false }} classObject对象可以通过计算动态获得...