VUE2 Day06路由模块封装,声明式导航,vue路由重定向,keep-alive,基于VueCli自定义创建项目,代码规范

绝对路径:@指代src目录,可以用于快速引入组件
路由模块的封装抽离的好处是什么?

拆分模块,利于维护
以后如何快速引入组件?
基于 @ 指代 src 目录,从 src 目录出发找组件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
/search/:words 表示,必须要传参数。如果不传参数,也希望匹配,可以加个可选符 “?”
一旦采用了history模式,地址栏就没有#,需要后台配置访问规则
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
项目报错
在这里插入图片描述
解决方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装配置eslint插件
在这里插入图片描述

在这里插入图片描述
粘贴代码
// 当保存的时候,eslint自动帮我们修复错误
“editor.codeActionsOnSave”: {
“source.fixAll”: true
},
// 保存代码,不自动格式化
“editor.formatOnSave”: false
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/538202.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

双线性插值

先来看看线性插值的情况 如上图,在已知p2 (x2,y2)和p1 (x1,y1)的情况下要求解在区间[x1,x2]上任意点x对应的y值,有如下公式: 因式分解,解开y有: 可以看出是计算点p与p3的距离权重,是计算点p与p2的距离权重&…

【产品经理方法论——BRD文档模板】

一、BRD(Business Requirement Document)商业需求文档 BRD文档是面对公司高层,目的是获得公司资金、资源的支持开展项目。一般的BRD文档展示方式是PPT。 下面的思维导图是BRD文档的六大模块。 方案背景方案预测产品规划盈利模式收益与成本风险与对策 1. 方案背景 …

2024-03-14 Android app runOnUiThread 函数,它的作用是让一个Runnable对象在主线程(UI线程)上运行。

一、看到别人app有这么一个runOnUiThread 函数用法。 二、在Android中,runOnUiThread 是一个非常重要的方法,它的作用是让一个Runnable对象在主线程(UI线程)上运行。在Android中,主线程是负责更新UI的线程,…

try catch 应该在 for 循环里面还是外面

前言 其实就是看业务。我需要出现异常就终止循环的,就放外头;不需要终止循环,就搞里头但是要注意一点就是,别在for循环里面去查库调用第三方啥的,这些操作,如果必要,需要慎重考虑了 参考文章 …

马斯克宣称开源GROK,普通人如何抓住机会

一、马斯克宣称开源grok 3月11日晚,特斯拉的创始人埃隆马斯克在社交平台宣布,其AI初创企业xAI即将在本周公开聊天机器人Grok的源代码。这一举措意味着公众将能够无偿获取到大模型技术背后的核心代码,从而进一步推动AI技术的普及与发展。对此…

threejs简单创建一个几何体(一)

1.下包引入 //下包 npm install three yarn add three//引入 import * as THREE from three2.创建场景,摄像机 // 1.创建场景const scene new THREE.Scene()// 2.创建摄像机//第一个参数是视角,一般在60-90之间,第二个参数是场景的尺寸,一般取显示器的宽高,第三个参数是开始位…

SQLiteC/C++接口详细介绍之sqlite3类(六)

快速前往文章列表:SQLite—系列文章目录 上一篇:SQLiteC/C接口详细介绍之sqlite3类(五) 下一篇:SQLiteC/C接口详细介绍之sqlite3类(七) 19. sqlite3_changes与sqlite3_changes64 是SQLite中用…

【兆易创新GD32H759I-EVAL开发板】认识主芯片架构

GD32H759I是高性能的微控制器,采用ARM Cortex-M7处理器,是GD32微控制器系列的一部分。它专为各种应用设计,注重于提高处理能力、降低功耗,并配备全面的外设集合。以下是对其特性、架构以及潜在应用场景的详细介绍: **…

如何利用POI导出报表

一、报表格式 二、依赖坐标 <dependency><groupId>org.apache.poi</groupId><artifactId>poi</artifactId><version>3.16</version> </dependency> <dependency><groupId>org.apache.poi</groupId><art…

Linux中使用vim编辑器的时候提示:发现交换文件“XXX.swap“

目录 问题描述解决方案 问题描述 有时候vim编辑文件的时候 系统突然卡了 无奈只能强制退出关机 然后重启 这个时候想重新回来继续编辑刚刚的文件 注意:我这种操作方式 虽然之后可以继续正常编辑了 但是发现文件是没有保存的 vim XXX进去有如下提示 解决方案 注意:我这种操作…

springboot273基于JavaWeb的宠物商城网站设计与实现

宠物商城网站的设计与实现 摘 要 传统信息的管理大部分依赖于管理人员的手工登记与管理&#xff0c;然而&#xff0c;随着近些年信息技术的迅猛发展&#xff0c;让许多比较老套的信息管理模式进行了更新迭代&#xff0c;商品信息因为其管理内容繁杂&#xff0c;管理数量繁多导…

C++:vector类

vector的介绍及使用 1. vector 是表示可变大小数组的序列容器。 2. 就像数组一样&#xff0c; vector 也采用的连续存储空间来存储元素。也就是意味着可以采用下标对 vector 的元素进行访问&#xff0c;和数组一样高效。但是又不像数组&#xff0c;它的大小是可以动态改变的…