vue.js - 模板语法之缩写
1.v-on缩写
1 <!-- 完整写法 --> 2 <button v-on:click="reverseMessage">按钮</button> 3 <!-- 简写 --> 4 <button @click="reverseMessage()">按钮</button>
2.v-bind缩写
1 <!-- 完整语法 --> 2 <a v-bind:href="url"></a> 3 <!-- 简写 --> 4 <a :href="url"></a>
1.v-on缩写
1 <!-- 完整写法 --> 2 <button v-on:click="reverseMessage">按钮</button> 3 <!-- 简写 --> 4 <button @click="reverseMessage()">按钮</button>
2.v-bind缩写
1 <!-- 完整语法 --> 2 <a v-bind:href="url"></a> 3 <!-- 简写 --> 4 <a :href="url"></a>
