2025年vue面试题及答案

VUE 前端面试题1、active—class 是哪个组件的属性?嵌套路由怎么定义?答:vue—router 模块的 router-link 组件.2、怎么定义 vue-router 的动态路由?怎么获取传过来的动态参数?答：在 router 目录下的 index.js 文献中，对 path 属性加上/：id。 使用 router 对象的 params。id3、vue—router 有哪几种导航钩子?答：三种，一种是全局导航钩子：router。beforeEach(to，from，next），作用:跳转前进行判断拦截。第二种:组件内的钩子;第三种：单独路由独享组件4、scss 是什么？安装使用的环节是?有哪几大特性?答：预处理 css，把 css 目前函数编写，定义变量，嵌套。 先装 css—loader、node—loader、sass—loader 等加载器模块，在 webpack-base。config.js 配置文献中加多一种拓展：extenstion,再加多一种模块:module 里面 test、loader4。1、scss 是什么？在 vue.cli 中的安装使用环节是?有哪几大特性?答：css 的预编译。使用环节：第一步:用 npm 下三个 loader(sass—loader、css—loader、node-sass）第二步：在 build 目录找到 webpack。base.config。js，在那个 extends 属性中加一种拓展.scss第三步:还是在同一种文献，配置一种 module 属性第四步:然后在组件的 style 标签加上 lang 属性 ，例如：lang=”scss”有哪几大特性：1、可以用变量，例如（＄变量名称=值);2、可以用混合器，例如（）3、可以嵌套5、mint—ui 是什么？怎么使用？说出至少三个组件使用措施？答:基于 vue 的前端组件库。npm 安装,然后 import 样式和 js,vue.use（mintUi)全局引入。在单个组件局部引入:import {Toast｝ from ‘mint-ui'.组件一:Toast(‘登录成功’)；组件二：mint—header;组件三：mint—swiper6、v-model 是什么？怎么使用? vue 中标签怎么绑定事件?答：可以实现双向绑定，指令(v—class、v-for、v-if、v-show、v-on）。vue 的 model 层的 data 属性。绑定事件：〈input ＠click=doLog（) />7、axios 是什么?怎么使用？描述使用它实现登录功能的流程?答:祈求后台资源的模块.npm install axios -S 装好，然后发送的是跨域，需在配置文献中 config/index.js 进行设置。后台假如是 Tp5 则定义一种资源路由。js 中使用 import 进来，然后.get 或。post。返回在.then 函数中假如成功，失败则是在.catch 函数中8、axios+tp5 进阶中,调用 axios。post(‘api/user'）是...