2024年VUE 路由参数改变重新刷新数据(1)，字节跳动前端岗位面试分享

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux

---

添加点击查询按钮，进行页面跳转并搜索

this.$router.push({

name:‘list’,

query: {id:this.selectMsg }

})

在 list.vue 文件中使用 watch监听器

---

使用watch监听器监听路由参数变化。

// 监听器监听路由参数变化

watch:{

‘$route’:‘getId’

},

上边的意思是当监听到 $route 对象变化后就监听到，调用getId方法。

下面是 getId 方法在下面：

// 监听路由参数变化

getId(){

this.getCarouselList(this.$route.query.id)

},
getCarouselList 是一个http请求方法。就是这样。

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux