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:的缩写。
好了，总结完了。