当前位置: 首页 > article >正文

VUE面试题1*

scss是什么?

预处理css,把css当前函数编写,定义变量,嵌套.

vue-router有哪几种导航钩子? 

三种。
一种是全局导航钩子:router.beforeEach(to,from,next),作用:跳转前进行判断拦截。
第二种:组件内的钩子;
第三种:单独路由独享组件

说出至少4种vue当中的指令和它的用法?

v-if:判断是否隐藏;v-for:数据循环出来;v-bind:class:绑定一个属性;v-model:实现双向绑定

vue-loader是什么?使用它的用途有哪些?

解析.vue文件的一个加载器,跟template/js/style转换成js模块。

请说出vue.cli项目中src目录每个文件夹和文件的用法?

assets文件夹是放静态资源;
components是放组件;
router是定义路由相关的配置;
view视图;
app.vue是一个应用主组件;
main.js是入口文件

vue路由传参数?

使用query方法传入的参数使用this.$route.query接受
使用params方式传入的参数使用this.$route.params接受

如何让CSS只在当前组件中起作用?

将当前组件的<style>修改为<style scoped>

<keep-alive></keep-alive>的作用是什么?

<keep-alive></keep-alive> 包裹动态组件时,会缓存不活动的组件实例,主要用于保留组件状态或避免重新渲染。 大白话: 比如有一个列表和一个详情,那么用户就会经常执行打开详情=>返回列表=>打开详情…这样的话列表和详情都是一个频率很高的页面,那么就可以对列表组件使用进行缓存,这样用户每次返回列表的时候,都能从缓存中快速渲染,而不是重新渲染。

$nextTick是什么?

vue实现响应式并不是数据发生变化后dom立即变化,而是按照一定的策略来进行dom更新。
$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM。


http://www.kler.cn/a/297668.html

相关文章:

  • 卷积神经网络(二)CIFAR100类别分类
  • (计算机网络)运输层
  • 第100+24步 ChatGPT学习:概率校准 Beta Calibration
  • 智能提取:OfficeImagesExtractor让文档图片提取更简单
  • Java笔试面试题AI答之单元测试JUnit(3)
  • 一. Unity实现虚拟摇杆及屏幕自适应功能
  • Zotero同步文献方法
  • 如何在Linux 上运行 SciChart WPF图表控件?
  • C语言实现普通二叉树的数据结构
  • RTX AI PC 和工作站上部署多样化 AI 应用支持 Multi-LoRA
  • 使用 `Vitesse Uni App` 创建微信小程序并配置 uview-plus 和 alovajs
  • 漏洞披露-信呼-OA
  • MIST:用于组织病理学亚型预测的多实例选择性Transformer|文献速递--基于深度学习的医学影像病灶分割
  • MNIST数据集内容查看
  • 【前端】探索webpack3项目build速度优化, 优化个p
  • 【信创】推荐一款在龙芯CPU终端上使用的WiFi接收器 _ 统信 _ 麒麟
  • ThreadLocal 释放的方式有哪些
  • 打造专业级PPT:用Python-pptx精准编辑图表属性
  • D 咖智能饮品机器人:科技与美味共舞,奏响饮品新乐章
  • 【第25章】Spring Cloud之Sentinel控制台详解