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

在vue.js中,我们可以将事件方法写在methods属性中,数据模型在data中定义
Vue的基本结构如下(只写最常用的):
关于Vue.js中数据模型的绑定以及方法事件的绑定与调用
文章图片

将数据与vue实例绑定通过v-bind标签
关于Vue.js中数据模型的绑定以及方法事件的绑定与调用
文章图片


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


这里绑定的是sourceId这个值,基于vue的双向绑定,如果要取vue的数据模型中的数据,使用{{param}}的方式取值
关于Vue.js中数据模型的绑定以及方法事件的绑定与调用
文章图片


【关于Vue.js中数据模型的绑定以及方法事件的绑定与调用】methods中定义的函数可以绑定到元素上,作为事件触发
如果要触发method1这个函数。可以这样写:
关于Vue.js中数据模型的绑定以及方法事件的绑定与调用
文章图片


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

    推荐阅读