2019/04/29 点击：8852

在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求 为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的

2019/04/29 点击：4878

div class="explain"> 在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符： 按键码 使用 keyCode 特性也是允许的： Vue 提供了绝大多数常用的按

2020/09/06 点击：11406

div class="explain"> 你可以用 v-model 指令在表单 input、textarea 及 select 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 信息是: {{msg }}

2019/05/03 点击：11376

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;

2019/04/29 点击：9189

div id=app input type=checkbox id=name1 value=木木 v-model=checkedNames label for=name1木木/label input type=checkbox id=name2 value=曾庆林 v-model=checkedNames label for=name2曾庆林/label input type=checkbox id=name3 value=mumu v

2019/05/04 点击：7673

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

2019/05/04 点击：8641

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

2019/05/04 点击：9809

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

2019/05/04 点击：12002

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

2019/04/29 点击：8548

除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点 页面载入时，input 元素自动获取