一.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的內容