vue--面试题

已于 2022-09-22 20:43:07 修改
阅读量415 收藏
点赞数
文章标签： vue.js css 前端
于 2022-09-22 20:41:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46677484/article/details/126998324
版权
本文详细解答了Vue面试中常见的问题，包括组件data为什么必须是函数以避免数据共享问题，v-if和v-show的使用场景及其区别，Vue组件的生命周期各个阶段及其应用，以及key在Vue虚拟DOM更新中的重要作用。通过这些知识点，可以帮助开发者更好地理解和运用Vue框架。
摘要由CSDN通过智能技术生成

目录

1.组件的data为什么是一个函数而不是一个对象呢？

2.v-if与v-show的区别是什么？

 

3.vue中的生命周期

 

 

 4 key的作用

 

1.组件的data为什么是一个函数而不是一个对象呢？

根组件的data可以是一个对象，而普通函数组件必须是一个函数。因为组件是一个可复用的实例，如果是一个对象，组件全部指向同一个引用地址，当其中一个发生改变时，其他组件也会受到影响。所以组件的data要是一个函数，这样每次返回一个新的对象。

2.v-if与v-show的区别是什么？

v-if是惰性的dom开销，只有满足条件的情况下再回去加载dom节点，不满足条件直接不渲染dom元素。

使用场景：较少的dom开销时。

<

最低0.47元/天 解锁文章
桃子耶耶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端之JS篇(九)——DOM之注册事件&删除事件&事件对象
m0_57021623的博客
10-31 1005
DOM之注册事件&删除事件&事件对象
Vue高频面试
yrfjygb的博客
08-24 809
一、 生命周期 1.1 说一下生命周期 1.2 页面（组件）一加载会执行哪些生命周期 追问：执行这些生命周期的时候什么时候有节点和数据？ 节点：this.$el 数据：this.$data created以及created之后有节点 mounted以及mounted之后有数据 beforeCreate 没有节点，没有数据 created 没有节点，有数据 beforeMount 没有节点，有数据 mounted 有节点，有数据 1.3 生命周期都怎么用？，你用哪些？ 我一般这样子用：
用v-if删除不了元素怎么办？
qq_42931285的博客
04-15 504
如何删除dom元素
Vue知识点：生命周期
summer_cloudy的博客
08-26 630
vue 生命周期
vue2知识点（一）（查缺补漏，打好基础）
薇z的博客
06-28 325
vue2知识点（一）（查缺补漏，打好基础）
【vue】vue-Router 常见面试题
热门推荐
前端学习博客
05-01 1万+
【vue】vue-Router 常见面试题 文章目录【vue】vue-Router 常见面试题一、vue-Router基本使用二、常见面试题1.vue-router 路由钩子函数是什么 执行顺序是什么2. vue-router 动态路由是什么 有什么问题(1) params 方式(2) query 方式(3) params 和 query 的区别3.$route 和 $router 的区别4.Vue-Router 的懒加载如何实现5.vue-router 中常用的路由模式hash 模式history 模式6
vue-router面试题
老电影故事的博客
11-10 2056
一、vue-router是什么？ Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。 二、route和$router的区别？ $route是路由信息对象，包括‘path，hash，query，fullPath，matched，name’等路由信息参数； $router是路由实例对象，包括了路由的跳转方法，实例对象等 三、vue-router怎么配置路由？ 在vue中配置路由分为5个步骤，分别是： 引入vue-router.js
VUE之vue-router常见面试题
从0到1的成长的博客
01-15 8144
1.vue-router怎么重定向的？ 在routes:[{{ path: '/a', redirect: '/b' }}] 2.vue-router 是什么?它有哪些组件 答：vue用来写路由一个插件。有router-link、router-view 3.active-class 是哪个组件的属性？ 答：vue-router模块的router-link组件。children数组来定义子路由 4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值？怎么获取当前的路由信息？ 答：在
vue-mvvm高级面试题
09-20
个人总结的vue-mvvm相关的面试题，希望能帮到正在面试的人
vue面试-高质量vue面试题-高频vue面试题
01-17
本文将围绕“Vue面试-高质量vue面试题-高频vue面试题”这一主题，深入探讨Vue.js的核心概念、关键特性、以及在实际开发中的应用。 一、Vue.js核心概念 1. 双向数据绑定：Vue通过`v-model`指令实现了视图与模型之间...
vue面试题-vue常见面试题和答案
03-13
Vue面试题总结 Vue是一款流行的前端框架，以下是常见的Vue面试题和答案： 1. Vue的优点？ 答：轻量级框架、简单易学、双向数据绑定、组件化、视图、数据、结构分离、虚拟DOM、运行速度更快。 2. Vue父组件向子...
Vue 面试题-常见面试题
02-05
对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度 对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue ...
Vue 常见面试题-vue 面试题
02-05
对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度 对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue ...
vue3 学习笔记17 -- 基于el-menu封装菜单
最新发布
weixin_46328739的博客
07-23 241
前提条件：组件创建完成。
Python Formulas模型以JSON格式文件导出导入
Humbunklung的专栏
07-23 336
Python Formulas库，JSON格式导出导入。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 290
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
【vueUse库Time模块各函数简介及使用方法--全篇】
xiejunlan的博客
07-23 733
vueUseTime函数基本使用示例实现使用方法注意假设的 `useTimeAgo` 函数使用方法。
VUE 子组件可以直接改变父组件的数据吗
Cshaosun的博客
07-23 295
如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。
Vue的模板编译：深入理解渲染函数与预编译模板
哎 你看的博客
07-22 1092
Vue.js 是一个用于构建用户界面的渐进式框架，它的核心特性之一是其响应式和声明式的模板语法。Vue 的模板不仅仅是简单的字符串插值，它们会被编译成渲染函数，这个过程涉及到将模板字符串转换成 JavaScript 代码。本文将深入探讨 Vue 的模板编译过程，并讨论如何使用预编译模板来提高应用性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值