vue的筆記

什麼叫事件鈎子？

在進入和退出的時候，他要經曆若幹個階段，而在每個階段當中，vue為了友善我們插入一些代碼，是以vue給我們提供了事件鈎子

事件

<a href="" v-on:click.prevent='handle'>a>
v-on:click.prevent  阻止事件
v-on:click.stop  停止冒泡
v-on:click.self   僅在目前元素觸發
v-on:click.once   僅觸發一次      

鍵盤(keyup keydown)

<input type="search" v-on.keyup.enter='handle'>

.enter Enter鍵

.esc 取消鍵

.del  删除鍵

.space  空格

.tab  tab鍵

簡寫

<button v-on:click='handle'>button>
<button @click='handle'>button>      

雙向資料綁定，指令是v-model  應用于表單元素

屬性綁定   v-bind  

如：  <div v-bind:title=''></div>  簡寫可以直接将v-bind省略  直接寫冒号

計算屬性 也就是屬性的值不是直接列印出來，而是經過一系列的處理計算才出來的結果

如：{{msg.split('').reverse().join('')}}

vue的條件渲染  

v-show，因為他實際上是visiavle的屬性去動态顯示跟隐藏（适用于經常發生變化的頁面）

v-if每次都要渲染一下，

屬性綁定（應用于自定義屬性的綁定，在父子元件傳值中）：  v-bind    :(冒号是簡寫形式)

事件綁定   v-on  @（簡寫形式）

data裡面定義的屬性，computed（計算）定義的方法，以及methos裡面定義的方法，我們都可以通過id='app'的app去通路