一.计算属性 computed
说明: 计算属性本质也是一个属性
如何使用:
- 把计算属性方法computed
- 写起来像一个方法
- 用起来像一个属性
特点:
- 计算属性一定要有返回值,返回值才是计算属性最终的结果
- 计算属性可以使用data里存在的数据
- (关键点)计算属性只会随着相关的数据变化而变化,相关的数据一发生变化,计算属性就会重新计算
注意点:
- 计算属性一定要有返回值
- 计算属性不能当方法用
- 计算属性不能和data里的数据重名
以后什么时候使用计算属性?
- 想根据已知值(data里的值)得到一个新值
- 新值只会随着相关的数据(已知值)的变化而变化,(其他的值变化的时候计算属性不会受影响)
二.事件修饰符
- .prevent 阻止默认行为
- .stop 阻止冒泡
- .capture 捕获
- .self 只点击才触发
- .once 只触发一次
- passive 过
三.按键修饰符(修饰按键事件)
.enter -----> @keyup.enter='事件函数'
三个阶段
- e.keyCode == 13
- @keyup.13 =' 函数 '
- @keyup.enter = ' 函数 '
四.v-if和v-show
- 相同点 都可以显示与隐藏
- 不同点
- v-if :显示就是创建节点 隐藏就是删除节点
- v-show: 是利用display:none来控制显示和隐藏的
- v-if会影响性能,切换不频繁的时候可以用v-if, 其他推荐 v-show
五.条件渲染指令
相当于 if else if else
- v-if
- v-else
- v-esle
六.其他三个指令
- v-pre : 不解析
- v-once 只解析一次
- v-cloak : 遮盖
- 给要遮盖的元素添加v-cloak指令
- 通过属性选择器找到对用的元素设置dispaly:none
- vue会在数据解析完.自动删除v-cloak指令
七.key(推荐)
以后使用v-for的时候都要加上key :key='item.id'
就地复印策略 :key = 'index'