vue事件绑定

vue事件绑定

  • 基本用法

Vue提供了v-on指令来监听DOM事件,在事件绑定上,类似原生JavaScript的onclick事件写法,也是在HTML上进行监听。

基本用法

Vue中的事件绑定,使用v-on:事件名=函数名来完成,这里函数名定义在Vue实例的methods对象中,Vue实例可以直接访问其中的方法。
语法规则:

v-on:事件名.修饰符 = 方法名()|方法名|简单的JS表达式
简写:@事件名.修饰符 = 方法名()|方法名|简单的JS表达式
事件名:click|keydown|keyup|mouseover|mouseout|自定义事件名

1.直接使用
直接在标签中书写js方法,代码如下:注意:@click等同于v-on:click,是一个语法糖。
2.调用methods的方法
通过v-on绑定实例选项属性methods中的方法作为事件的处理器

Vue可以驱动采用单文件组件和Vue生态系统支持的库来开发复杂的单页面应用;Spring Boot框架是目前微服务框架的最佳选择之一。Vue+Spring Boot的完美结合,能够让我们在开发前后端分离项目时得心应手,从而快速开发大型SPA应用。

不同终端的兴起,对开发人员的要求越来越高,纯浏览器端的响应式页面已经不能满足用户体验的要求,需要针对不同的终端开发不同的定制版本;为了提升开发效率,前后端分离的需求越来越被重视,前端主要负责页面的展现和交互逻辑;后端主要负责业务和数据对接,我们可以定制开发多个版本.

你可能感兴趣的:(vue.js,前端,javascript)