摘要:
事件修饰符 用来处理事件的特定行为 <!-- 阻止冒泡 --> <button @click.stop="doThis"></button> <!-- 阻止默认行为 --> <a @click.prevent="doThis"></a> <!-- 只执行一次 --> <div @click.once 阅读全文
posted @ 2020-12-28 14:41
Tsunami黄嵩粟
阅读(88)
评论(0)
推荐(0)
摘要:
绑定事件监听器(事件绑定) <!-- 常规写法 --> <button v-on:click="事件实现方法()"></button> <!-- 缩写 --> <button @click="事件实现方法()"></button> # 绑定好事件实现方法后需要在Vue对象中的methods对象中实现 阅读全文
posted @ 2020-12-28 14:26
Tsunami黄嵩粟
阅读(63)
评论(0)
推荐(0)
摘要:
根据一组数组或对象的选项列表进行渲染。 v-for指令需要使用 (item,index) in 数组或对象 形式的特殊语法,同时还需要指定key值,key的作用在vue进行新旧数据比对渲染页面里,如果有key值会提升比对性能,加快渲染,key使用唯一的值来赋值。 伪标签:template:不会解析为 阅读全文
posted @ 2020-12-28 14:15
Tsunami黄嵩粟
阅读(118)
评论(0)
推荐(0)
摘要:
v-once指令 只渲染元素和组件一次,之后元素和组件将失去响应式功能 v-if和v-show 根据表达式的布尔值(true/false)进行判断是否渲染该元素 注:v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运 阅读全文
posted @ 2020-12-28 14:08
Tsunami黄嵩粟
阅读(192)
评论(0)
推荐(0)
摘要:
指令(Directives)就是vue给html标签提供的一些自定义属性,这样属性都是带有 v- 前缀的特殊属性。指令特性的值预期是单个JS表达式(v-for是例外情况)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于DOM。 v-html 解析html指令 注:尽量避免使用, 阅读全文
posted @ 2020-12-28 14:03
Tsunami黄嵩粟
阅读(85)
评论(0)
推荐(0)