vue学习（四）指令

1.指令

v-model 绑定数据

v-text 显示文本，

v-html 编译成html再显示

v-on绑定事件

v-on:click=@click

v-if

<div id="app">
  <p v-if="show">现在你看到我了</p>
</div>

var app = new Vue({
  el: '#app',
  data: {
    show: true
  }
})

事件修饰符

.stop 阻止事件冒泡

.prevent阻止默认事件发生

.capture使用事件捕获模式

.self只有元素自身触发事件才执行，（冒泡或者捕获的不执行）

.once只执行一次