vue基础面试题

1.v-show和v-if区别

v-if是动态的向DOM树内添加或者删除DOM元素
v-show是通过设置DOM元素的display样式属性控制显示隐藏

2v-for中key的作用

key属性必须是唯一的标识,给key赋值的内容不能是可变的

3.vue中data为什么是function

data就是一个局部变量,即使使用同一个组件模板在html中使用多次,内部的data也互不影响,所以vue组件中的data必须是一个function

4.vue中双向绑定的原理

数据和视图同步,数据发生变化,视图跟着变化,视图变化,数据也随之发生改变

5.keep-alive的作用和被keep-alive声明的组件的生命周期

作用:keep-alive内部组件切换时,不需要重新创建组件实例,用于缓存内部组件实例

生命周期:activated：页面第一次进入的时候，钩子触发的顺序是created->mounted->activated

deactivated ：页面退出的时候会触发deactivated，当再次前进或者后退的时候只触发activated

6.说一下vue的生命周期࿰