今天遇到的几个Vue面试题。

本文深入探讨Vue.js的动态路由配置及参数获取,介绍vue-router的三种钩子函数,解析SCSS预编译语言的安装使用及特性,并详解Vuex在状态管理中的作用与使用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、怎么定义vue-router的动态路由以及如何获取传递过来的参数:
在router文件下的index.js,在path属性中添加/:id。
使用router对象的params.id来获取参数

2、vue-router有哪几种钩子函数?
三种:
全局钩子函数:router.beforeEach(to,from,next),用于页面跳转前判断拦截。
组件内的钩子:beforeRouteEnter 、beforeRouteUpdate (2.2 新增) 、beforeRouteLeave
单独路由独享组件:可以在路由配置上直接定义 beforeEnter 钩子。

3、scss是什么?在vue.cli中的安装使用步骤是?有哪几大特性?
scss预编译。

使用:
第一步:先装css-loader、node-loader、sass-loader等加载器模块
第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss
第三步:在同一个文件,配置一个module属性
第四步:然后在组件的style标签加上lang属性 ,例如:lang=”scss”

特性:
可以使用变量。
可以使用混合器。
可以嵌套

4、vuex是什么?怎么使用?哪种功能场景使用它。
vue状态管理。
在main.js中引入store,新建一个store.js,文件中export向外输出内容。
场景使用:
单页应用中,组件组件之前的状态。音乐播放器,加入购物车,登录状态。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值