VUE基础知识点，要点（二）

元素属性的绑定

v-bind               简写 ：

    <div :style="style"></div>
    <div v-bind:style="style"></div>

事件的绑定

v-on                简写 @

 <button v-on:click="add">按钮</button>
 <button @click="add">按钮</button>

事件修饰符

.stop 阻止冒泡事件

.capture 添加捕获事件

.self 只有作用于本身的时候才会触发回调

.once 事件只会触发一次

.prevent 阻止默认事件

数据双向绑定

v-model 绑定表单控件

 <input type="text" v-model="num">

v-model 双向绑定的原理

采用数据劫持结合发布者，订阅者模式的方式，通过object.defineProperty() 来劫持各个属性的setter，getter 在数据变动时发步消息给订阅者，触发响应的监听回调来渲染试图。