Vue 总结（1） 属性绑定

一.V-on： 缩写@

? ?绑定事件监听器? ?

<button v-on:click="doThis"></button>

? ? on后面接着就是事件? ?

<!-- 停止冒泡 -->
<button @click.stop="doThis"></button>

<!-- 阻止默认行为 -->
<button @click.prevent="doThis"></button>

<!-- 阻止默认行为，没有表达式 -->
<form @submit.prevent></form>

<!-- 串联修饰符 -->
<button @click.stop.prevent="doThis"></button>

二.?v-bind? 缩写：（就一个冒号）

??<!-- 绑定一个属性 -->
<img v-bind:src="imageSrc">

<!-- 缩写 -->
<img :src="imageSrc">

<!-- 内联字符串拼接 -->
<img :src="‘/path/to/images/‘ + fileName">

? ?

五.ref

<input ref="usernameInput"></input>

this.$refs.usernameInput.value? 可以访问上个input的内容