当前位置: 代码迷 >> 综合 >> vue学习(四)指令
  详细解决方案

vue学习(四)指令

热度:55   发布时间:2023-10-17 19:29:17.0

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只执行一次

  相关解决方案