Vue中的事件绑定和属性绑定

事件绑定：v-on标签绑定click事件

例子：实现点击页面上的hello的同时将显示内容改为world

例子解释：

• 在div标签上绑定一个点击事件，名为handleClick。
• 在vue实例的methods对象里定义handleClick方法。
• 当handleClick事件被触发时，通过this.content去改变数据内容。

属性绑定：v-bind标签绑定属性

渲染结果

注意：模板指令v-on/v-bind后面的等号后的内容就不再是字符串了，而是表达式，title指的是data里的变量title。

总结

vue中的指令简写

1. 事件绑定v-on简写为 @ （比如v-on：click可简写为 @click）
2. 属性绑定v-bind简写为：（比如v-bind：title可简写为 ：title）