插值表达式、 指令

一、插值表达式:{{}} 二、Vue指令 1、v-cloak 解决插值表达式闪烁的问题 2、v-text="" 没有闪烁的问题,覆盖元素中的内容 3、v-html="" 向元素中添加html元素 4、v-bind:绑定属性 简写为(:属性名) 5、v-on:简写为@ 例如@click="add" @click.stop 阻止冒泡 @click.prevent 阻止默认行为 比如超链接的跳转 @click.capture 实现捕获触发事件 比如div button div 点击button先触发div 再触发button @click.self 只有再点击元素自身的时候才会触发 冒泡和捕获都不会触发 @click.once 只触发一次 并且()=>{ } 箭头函数内部的this和外部的this指向一样 6、v-model 实现表单元素和model中的双向数据绑定 例如v-model="mesg" 7、v-for v-for="item in list" {{item.属性}} v-for="(item,key,index) in list" :key="item.index" key唯一 8、v-if v-show v-esle ="true或false" true显示 false隐藏

Vue
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里属于IT工程师。