vue.js学习一案例

原创 西城寻风 随笔 vuejs学习 559阅读 2017-05-10 19:16:10 举报

html 代码

知识点1、v-bind和v-on的缩写
Vue.js为最常用的两个指令v-bind和v-on提供了缩写方式。v-bind指令可以缩写为一个冒号,v-on指令可以缩写为@符号。

<!--完整语法-->
html 代码

<!--缩写语法-->
html 代码

<!--完整语法-->
html 代码

<!--缩写语法-->
html 代码

v-on指令用于给监听DOM事件,它的用语法和v-bind是类似的,例如监听<a>元素的点击事件:

html 代码

有两种形式调用方法:绑定一个方法(让事件指向方法的引用),或者使用内联语句。
Greet按钮将它的单击事件直接绑定到greet()方法,而Hi按钮则是调用say()方法。

v-bind指令可以在其名称后面带一个参数,中间放一个冒号隔开,这个参数通常是HTML元素的特性(attribute),例如:v-bind:class

html 代码

评论 ( 3 )
最新评论
ren651382714 2F 2017-05-11 13:51:11 3F

第一个 不是上一个

ren651382714 2017-05-11 13:48:04 2F

确实有问题啊 删除最后一个的时候 会删掉上一个

落花听雨666 2017-05-11 11:00:40 1F

貌似有点问题,改了下不知道对不对html 代码

html 代码