关于Vue.js中数据模型的绑定以及方法事件的绑定与调用

在vue.js中,我们可以将事件方法写在methods属性中,数据模型在data中定义

Vue的基本结构如下(只写最常用的):

关于Vue.js中数据模型的绑定以及方法事件的绑定与调用

将数据与vue实例绑定通过v-bind标签

关于Vue.js中数据模型的绑定以及方法事件的绑定与调用

关于Vue.js中数据模型的绑定以及方法事件的绑定与调用

这里绑定的是sourceId这个值,基于vue的双向绑定,如果要取vue的数据模型中的数据,使用{{param}}的方式取值

关于Vue.js中数据模型的绑定以及方法事件的绑定与调用

methods中定义的函数可以绑定到元素上,作为事件触发

如果要触发method1这个函数。可以这样写:

关于Vue.js中数据模型的绑定以及方法事件的绑定与调用

使用v-on标签给这个<a>标签绑定了点击事件,触发method1函数