面试之Vue篇

1：v-if和v-show

都是控制页面元素是否展示

v-if是直接将整个DOM元素删除 v-show是设置display:none 频繁切换时使用v-show 运行条件比较少使用v-if

2:生命周期

创建 挂载 更新 销毁 activated keep-alive缓存的组件激活时 deactivated keep-alive缓存的组件停用时

created 和mounted

都是实例对象的属性和方法的触发时机，mouted调用可能会导致页面闪动 因为DOM节点以及渲染完了 

3：双向绑定原理

是通过数据劫持，结合发布、订阅模式来实现的  数据和视图是同步的，数据改变 视图也随之更新 视图改变 数据也更新 核心是object.defineProperty 里面的set 和get方法

4：data为什么是函数而不是一个对象

防止数据的复用会产生影响

5：Vue中常见的修饰符合应用场景

表单 事件 鼠标 键盘 v-bind

.number转换为数字类型 .trim去除首个空格 .lazy输入框消除光标才把赋值value

.stop组织冒泡事件 .prevent（组件默认事件 相当于event.preventDefault） .native（允许原生HTMl事件） .once（只能触发一次） .self（） .passive

.left .keyborad

6：Vue项目的目录结构

每个文件夹只有一个出口文件 store servie router views utils （一些小的功能的封装啊等等）

7：Vue2->Vue3

options Api 变成了 composition Api组合式api---优化逻辑组织

数据劫持 object.defineProperty（只能遍历对象属性） 变成了Proxy（可以直接监听数组的变化）

8:

 

标签：Vue,show,视图,面试,alive,组件,数据
来源： https://www.cnblogs.com/tyysf/p/16289636.html