1.computed和watch?
computed有缓存,data不变则不会重新计算
watch没有缓存
2.v-show和v-if的区别?
v-show 使用的css机制display来控制的(一般组件频繁切换现实状态用v-show)
v-if 是通过vue本身的机制去渲染还是销毁(当组件显示一次不频繁切换用v-if)
3.v-for和v-if可以一起使用吗?
不可以一起使用,v-if和v-for一起对性能和展示不友好,执行顺序先执行v-for再执行v-if
4.vue表单常用修饰符?
<!--.trim去除前后空格-->
<input type="text" v-model.trim="name">
<!-- .lazy类似防抖,输入完成才会变化-->
<input type="text" v-model.lazy="text">
<!--.number只能输入number-->
<input type="text" v-model.number="age">
5.vue组件通讯? vue父子组件通讯: 子传父:on 父传子:props
6.keep-alive?
用途:缓存组件的
解决:频繁切换组件,不需要重复渲染
例如:tab切换 不加keep-alive会走mounted、destoryed生命周期,
加上组件不会销毁,只走mounted,提高页面性能。