推广

vue前端面试题知识点整理

iseeyu2年前 (2024-02-21)推广127

特点:

1.View 传送指令到 Controller
2.Controller 完成业务逻辑后,要求 Model 改变状态
3.Model 将新的数据发送到 View,用户得到反馈

MVVM

所有通信都是单向的
特点:

1.各部分之间的通信,都是双向的
2.采用双向绑定:View 的变动,自动反映在 ViewModel,反之亦然
具体请移步 这里

5. 介绍虚拟DOM

参考这里

6. vue生命周期的理解

vue实例有一个完整的生命周期,生命周期也就是指一个实例从开始创建到销毁的这个过程
1.beforeCreated() 在实例创建之间执行,数据未加载状态
2.created() 在实例创建、数据加载后,能初始化数据,dom渲染之前执行
3.beforeMount() 虚拟dom已创建完成,在数据渲染前最后一次更改数据
4.mounted() 页面、数据渲染完成,真实dom挂载完成
5.beforeUpadate() 重新渲染之前触发
6.updated() 数据已经更改完成,dom 也重新 render 完成,更改数据会陷入死循环
7.beforeDestory() 和 destoryed() 前者是销毁前执行(实例仍然完全可用),后者则是销毁后执行

7. 组件通信

父组件向子组件通信
子组件通过 props 属性,绑定父组件数据,实现双方通信

子组件向父组件通信
将父组件的事件在子组件中通过 $emit 触发

非父子组件、兄弟组件之间的数据传递

8. vue-router 路由实现

路由就是用来跟后端服务器进行交互的一种方式,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能

9. v-if 和 v-show 区别

使用了 v-if 的时候,如果值为 false ,那么页面将不会有这个 html 标签生成。
v-show 则是不管值为 true 还是 false ,html 元素都会存在,只是 CSS 中的 display 显示或隐藏

10. router的区别

router.push 方法
$route 为当前 router 跳转对象里面可以获取 name 、 path 、 query 、 params 等

11. NextTick 是做什么的

nextTick,则可以在回调中获取更新后的 DOM
具体可参考官方文档 深入响应式原理

12. Vue 组件 data 为什么必须是函数

因为js本身的特性带来的,如果 data 是一个对象,那么由于对象本身属于引用类型,当我们修改其中的一个属性时,会影响到所有Vue实例的数据。如果将 data 作为一个函数返回一个对象,那么每一个实例的 data 属性都是独立的,不会相互影响了

13. 计算属性computed 和事件 methods 有什么区别

我们可以将同一函数定义为一个 method 或者一个计算属性。对于最终的结果,两种方式是相同的

不同点:

computed: 计算属性是基于它们的依赖进行缓存的,只有在它的相关依赖发生改变时才会重新求值
对于 method ,只要发生重新渲染,method 调用总会执行该函数

17. 对 keep-alive 的了解

keep-aliveVue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染

<keep-alive>
  <component>
    <!-- 该组件将被缓存! -->
  </component>
</keep-alive>

可以使用API提供的props,实现组件的动态缓存

具体参考 官方API

18. Vue 中 key 的作用

key 的特殊属性主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 keyVue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。

有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误

具体参考 官方API

扫描二维码推送至手机访问。

版权声明:本文由西安泽虎代运营发布,如需转载请注明出处。

转载请注明出处https://www.0291.com.cn/post/57224.html

相关文章

您认为关于极简主义的一切可能都是错误的。

您认为关于极简主义的一切可能都是错误的。

不久前,Instagram上还充斥着饱和滤镜和低分辨率的照片。但随后,21世纪头十年那种华而不实、追求极致的风格逐渐消失,取而代之的是对简洁线条和成熟调色板的兴趣。似乎一夜之间,这个平台变成了对极简主义的颂歌,充满了室内设计和生活方式的帖子,这些帖子来自那些以有机的、鹦鹉螺形状的形式和蛋壳颜色的墙壁...

净化渠道环境 电商注重品牌授权促打假

净化渠道环境 电商注重品牌授权促打假

犹如下山猛虎,电子商务冲击着传统的神经。2012年显示,化妆品品类在渠道中崭露头角并领先其他品类销售。从前对网购的不信任,对第三方支付平台的不信任逐渐被淡化。在聚集更多消费力量的同时,传统商都开始加码对这个新生渠道的培育。传统品牌从幕后走到台前、电商原创品牌化进程加速、传统...

小编教你企业网络营销为何一直迟迟不见效果。

小编教你企业网络营销为何一直迟迟不见效果。

互联网的发展让越来越多的人开始重视企业,这是因为网络营销相对而言企业投入的成本比较少,网络营销渠道比较多,见效比较快等原因而备受企业青睐。但是网络营销还是需要掌握一定的技,才可以真正见到。很多企业网络营销的时候,迟迟不见效果,那么企业网络营销为何一直迟迟不见效果?下面网站托管的小编为大家做了简单的叙...

拼多多上签到的钱怎么用

拼多多上签到的钱怎么用

标题:拼多多上签到的钱怎么用?教你如何聪明消费,让每一分钱都花在刀刃上! 随着互联网的发展,电商平台的崛起,现如今我们的消费方式已经发生了翻天覆地的变化。其中,拼多多作为我国用户数量最多的电商平台之一,它的签到领现金活动吸引了大量的用户参与。但是,拼多多上签到的钱怎么用呢?这个问题...

网站优化多久对网站页面更新合适。

网站优化多久对网站页面更新合适。

每个新手做seo优化的时候对网站的了解程度还是太少,就比如对网站页面的一个更新,隔多长时间更新一次比较好,这是一个很基础的问题,我们平时在做seo的时候也会有所发现网站时间久了不对其更新,关键词是否有掉落的现象。 如果是前两年的话,网站不发外链,不更新内容或者文章的话网站排名确实会出...

物流业能否通过营销新闻源推广获客(物流行业网络推广方案)

物流业能否通过营销新闻源推广获客(物流行业网络推广方案)

物流业能否通过新闻源获客(物流行业网络推广方案)。物流业能否通过营销新闻源推广提高客户转化率,新闻源推广是否高质量是非常重要的。一篇文章是否高质量主要取决于它是否对用户有价值。一般来说,用户可以通过文章的内容达成一定的共识或灵感,因此它是一个有价值的内容。假设用户从头到尾没...

现在,非常期待与您的又一次邂逅

我们努力让每一部企业宣传片和抖音短视频成为商业大片