一、修饰符
修饰符是由点开头的指令后缀
一般修饰符的写法
事件修饰符
- .stop 阻止事件传播
<li @click.stop="onClickLiOne">元素一</li>
- .prevent 阻止超链接的默认行为
<a :href="url" @click.prevent="onConfirm">百度</a>
表单修饰符
.number 转数值类型
console.log('num: ',this.num, typeof this.num);
.trim 去空格 在输入密码时删除多余的空格
.lazy 延迟加载 一般用于搜索时将input事件转换成change事件,失去焦点后才实时更新
<input type="text" placeholder="请输入搜索内容" v-model.lazy="keyword" />
二、计算属性:
- computed选项中定义计算属性:isbook
- 计算属性通过一系列运算之后,最终得到一个属性值
- 一定有返回值,返回值是计算属性值,
- 计算属性方法体中,用到响应式数据,只要数据变化,计算属性自动重新执行
计算属性的特点:
- 缓存数据
- 本质上是一个属性,在声明时被定义为方法ÿ