Vue中的事件绑定和属性绑定
事件绑定:v-on标签绑定click事件
例子:实现点击页面上的hello的同时将显示内容改为world
例子解释:
- 在div标签上绑定一个点击事件,名为handleClick。
- 在vue实例的methods对象里定义handleClick方法。
- 当handleClick事件被触发时,通过this.content去改变数据内容。
属性绑定:v-bind标签绑定属性
渲染结果
注意:模板指令v-on/v-bind后面的等号后的内容就不再是字符串了,而是表达式,title指的是data里的变量title。
总结
vue中的指令简写
- 事件绑定v-on简写为 @ (比如v-on:click可简写为 @click)
- 属性绑定v-bind简写为:(比如v-bind:title可简写为 :title)