Vue中离不开事件,而事件还有一些事件修饰符来约束事件的触发
在网上结合一些别人的知识梳理一下。
(1)v-bind
首先简单实例化一下
<script>
var vm=new Vue({
el:"#app",
data:{
mytitle:"This is a title!"
},
})
</script>
html代码:
<input type="button" value="按钮" title="mytitle">
我们都知道如果不加v-bind的话mytitle只会被当做一个普通字符串,不会再vue实例上寻找对应的属性
我们改成这样就可以成功调用vue实例中的属性:
<input type="button" value="按钮" v-bind:title="mytitle">
v-bind的语法糖可以简写成冒号:
<input type="button" value="按钮" :title="mytitle">
(2)v-on
v-on绑定事件
vue不想jQuery那样操作真实DOM,
以往我们触发事件需要这样操作:
<input type="button" value