ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

面试之Vue篇

2022-05-19 18:32:37  阅读:177  来源: 互联网

标签:Vue show 视图 面试 alive 组件 数据


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有