最后前端到底应该怎么学才好?
如果你打算靠自己摸索自学,那么你首先要了解学习前端的基本大纲,这是你将要学习的主要内容,理解以及掌握好这些内容,便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程,作为初学者最好的方式就是看视频教程学习,初学者容易理解接受。
不要选择买书学习,这样的方式没有几个人能学会,基本都是看不下去书,也看不懂书。如果喜欢看书的学弟,可以买一些经典的书籍作为辅助即可,主要还是以看教程为主。每天抽出固定几个小时学习,做好长期学习的准备。学习编程并不是每天光看视频,你学习编程最重要的目的是为了编写软件产品,提供给大众使用,所以用手写出代码实现功能才是我们要做的事情。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
解决方法:
把换成组件用以显示路由页面
<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>
三、参数类型相关
问题描述:
最后
好了,这就是整理的前端从入门到放弃的学习笔记,还有很多没有整理到,我也算是边学边去整理,后续还会慢慢完善,这些相信够你学一阵子了。
做程序员,做前端工程师,真的是一个学习就会有回报的职业,不看出身高低,不看学历强弱,只要你的技术达到应有的水准,就能够得到对应的回报。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
学习从来没有一蹴而就,都是持之以恒的,正所谓活到老学到老,真正懂得学习的人,才不会被这个时代的洪流所淘汰。