VUE易疏漏的知識點

知識點：

修飾符

在文檔中，咱們能看到這樣的講解：VUE methods 中記錄的是組件的邏輯，應該減小DOM層操做。那麼，將 preventDefault、stopPropagation 等函數移植到 HTML 層面上來其實也是好處多多的，除了減輕 methods 自己的邏輯以外，也方便了交互邏輯的維護。
——

計算屬性的setter

咱們常常在 HTML 層去使用VUE的計算屬性，可是這樣並無100%利用計算屬性的對吧。
——

:style

除了綁定的樣式能在計算屬性中調用修改以外，使用 CSS MODUAL 後能在JS中直接調用 Styles。
——

![template 與 v-if、v-show
![Uploading 20171017_172248_941172.png . . .]
](http://upload-images.jianshu....

template 與 v-if、v-show

利用template給一整個組設定 v-if，的確是一個保養鍵盤的好方法。
——

v-if 與 v-for

一開始覺得誰寫在前面就誰優先級高的舉手 TOT
——

VUE 對象更新

我常使用 setTimeout(()=>{}, 0) 錯開 VUE 對對象更新一些莫名奇妙的錯誤（求講解）
——

v-for 快速循環

一開始使用 v-for = "i in [1,2,3]".... 看到這裏，簡直想哭。
——

VUE 父子組件通訊

若是 props 傳遞的是對象的話，其實在子組件是能夠修改的，只是VUE會發出警告，子組件應該儘可能不要顯式地修改父組件的傳值。如圖，標準的VUE父子組件通訊邏輯：prop 向下傳遞，emit 向上傳遞
——

綁定原生事件

根據文檔，VUE父組件在監聽子組件的 click 事件時，須要添加 native 修飾符。但實際上，咱們能夠根據VUE父子組件通訊原則改寫邏輯，直接監聽 click
——

.sync

VUE 2.3.0以後，.native 變成了一個語法糖，使得咱們能夠直接在組件內部，利用 emit 去更新相應數值。
——

——

過渡模式

過渡模式有效防止了DOM的節點的擁擠行爲/笑

nextTick

利用VUE的 nextTick 函數，咱們能夠輕鬆實現相似 DOM 更新回調函數等效果。
——

接下來是一些語法規範：