vue面试问题

62 阅读1分钟

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父子组件通讯: 子传父:emit父传子:emit 父传子:on 父传子:props

6.keep-alive?

用途:缓存组件的
解决:频繁切换组件,不需要重复渲染
例如:tab切换 不加keep-alive会走mounted、destoryed生命周期,
              加上组件不会销毁,只走mounted,提高页面性能。