vue 代碼快速瞭解

    剛開始學習Vue，有人會疑惑，這都是啥意思，一會用：，一會用@符號，一會又沒符號，沒關係，下面我拿一個拖動的子組件代碼，一起來分析分析。

<draggable
  group="people"
  animation="150"
  ghostClass="sortable-ghost"
  chosenClass="chosenClass"
  scroll="true"
  scrollSensitivity="200"
  v-model="dataList"
  @change="onChange"
  @start="start"
  @end="end"
  :move="move"
>
  ..................
</draggable>

比如 group=“people”，就是父組件往子組件裏面傳固定值，比如你傳個people進去，那麼子組件就知道你要幹什麼了，對應的對這個參數進行邏輯處理，下面幾個同理 scrollSensitivity=“200”，比如設置滑動的敏感度爲220，那麼有人會問了，你那個move前面怎麼又加個冒號，是什麼意思，這個冒號就是當你傳入的不是一個固定值，而是父組件的一個可變參數的時候，這時候你就需要加上一個綁定，：是v-bind: 的縮寫形式，來傳入子組件，這麼說理解了吧，在不理解，自己去讀vue官方文檔吧， v-model 就是一個雙向綁定值，子組件對這個值操作，父組件能跟着變化，父組件改變了這個值，子組件也能發生改變，@一般是對事件的處理用到，比如點擊事件等，@就是v-on:的縮寫。
好了，總結完了。