从零单排vue第四章--处理用户输入

v-on
{{count}}加1
##### 运行结果:

> 每次点击button,数值加1

##### 代码解析:

*   代码第11行,button标签内添加了一个v-on:click事件监听器。
*   在vue实例化对象中,定义了一个data属性,count初始化为0。
*   在vue实例化对象中,还定义了一个方法,handleClick方法。`v-on:click="handleClick"`语句就是将事件监听器绑定在该方法中。
*   handleClick方法中实现了count加1的功能。注意,this的作用就是表示当前的vue实例对象。

#### 表单输入的双向绑定(v-model指令)

Vue 还提供了 `v-model` 指令,它能轻松实现表单输入和应用状态之间的双向绑定。

如下代码:
v-on
{{msg}}
原文链接:segmentfault.com

上一篇:下拉菜单学习笔记
下一篇:nginx下部署vue项目的缓存策略

相关推荐

官方社区

扫码加入 JavaScript 社区