2024年关于实习前端项目开发遇到的问题及解决方法，2024年最新bash面试题

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

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

解决方法：

把换成组件用以显示路由页面

<template>
  <!-- <home/> -->
  <RouterView></RouterView>
</template>

二、参数传递相关

问题描述：

想把home.vue里的report.name和reportType传递给report.vue，后者接收并渲染。report.name是el-dialog里用el-form-item表单获取值的元素，report已经用ref定义为响应式对象数据，而reportType是点击图片唤出el-dialog的函数openDialog里传递的参数，两个参数位置不同，如何打包传递给report.vue

解决方法：

为了从openDialog函数获取reportType值，并在跳转时将其作为参数传递给report.vue，需要确保reportType作为一个参数传递给submitForm函数

//home.vue
<script>
// 定义一个响应式引用来存储reportType
const currentReportType = ref('');

function openDialog(businessType: string, reportType: string) {
  dialogTitle.value = `写尽调报告-${businessType}-${reportType}`;
  currentReportType.value = reportType; // 更新当前reportType
  dialogVisible.value = true; // 打开弹窗
}

const submitForm = () => {
  // 在路由跳转时使用currentReportType.value作为reportType
  router.push({ path: '/report', query: { name: report.value.name, reportType: currentReportType.value } });
};
</script>
//report.vue
<script>
import { useRoute } from 'vue-router';
import {ref} from 'vue'

const route=useRoute();

// 使用ref响应式地接收查询参数
const name = ref(route.query.name);
const reportType = ref(route.query.reportType);
// 随后可以直接用插值语法使用数据
</script>

三、参数类型相关

问题描述：

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。