vue組件中的“:”、“@”、“.”屬性

1. 冒號屬性

　　　　：是指令 v-bind 的縮寫，是為了動態綁定數據，用於響應式地更新 HTML 特性。

　　　　加了冒號，后面是變量或表達式；不加冒號的是字符串。

　　　　如圖：將Home組件中的 probe-type 的值傳給子組件Scroll的時候，需要的是一個數字類型，所以這里要加上：，否則3就會被當成一個字符串

　　　　

 　　　　當我們去掉：的時候，會報錯：

       

 

 　　　因此如果不使用冒號，等號后面就可以寫字符串等原始類型數據。這時就無法進行動態綁定數據了。

　　

　　2. @屬性

　　　　@ 是指令 v-on 的縮寫，用來監聽DOM事件，比如點擊、拖拽、鍵盤事件等等。

 

　　3. v-on的修飾符.

　　　　修飾符是以半角句號 . 指明的特殊后綴，用於指出一個指令應該以特殊方式綁定。Vue提供了修飾符來幫助我們方便的處理一些事件：

　　　　.stop - 調用 event.stopPropagation()。

　　　　.prevent - 調用 event.preventDefault()。

　　　　.{keyCode | keyAlias} - 只當事件是從特定鍵觸發時才觸發回調。

　　　　.native - 監聽組件根元素的原生事件。

　　　　.once - 只觸發一次回調。

　　官方文檔：https://cn.vuejs.org/v2/guide/syntax.html#%E5%8F%82%E6%95%B0