关于Vue.js中数据模型的绑定以及方法事件的绑定与调用
在vue.js中,我们可以将事件方法写在methods属性中,数据模型在data中定义
Vue的基本结构如下(只写最常用的):
文章图片
将数据与vue实例绑定通过v-bind标签
文章图片
文章图片
这里绑定的是sourceId这个值,基于vue的双向绑定,如果要取vue的数据模型中的数据,使用{{param}}的方式取值
文章图片
【关于Vue.js中数据模型的绑定以及方法事件的绑定与调用】methods中定义的函数可以绑定到元素上,作为事件触发
如果要触发method1这个函数。可以这样写:
文章图片
使用v-on标签给这个标签绑定了点击事件,触发method1函数
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理