Vue中路径表示

最新推荐文章于 2024-06-20 10:26:21 发布
最新推荐文章于 2024-06-20 10:26:21 发布
阅读量750 收藏
点赞数
分类专栏： Vue学习 文章标签： Vue-router 相对路径 绝对路径 组件显示 路由规则
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_37046190/article/details/118888740
版权

Vue-router里路由的相对路径和绝对路径：
路由就是一套映射规则，当url中的哈希值(#hash)发生改变后，路由根据制定好的规则，展示对应的视图内容(组件)vue中，配置路由，分相对路径和绝对路径。

相对路径（不带‘/’）会拼接父级路由，绝对路径（带‘/’）是配置的完整路由。

在这里插入图片描述

change9513
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在vue项目中路径的理解(路径属于字符串类型，需引号应起来)
Self_discipline8的博客
06-24 959
在vue项目中路径的理解(路径属于字符串类型，需引号应起来) 1）路径 ①对于路路径中的“@”代表就是映射到”src”目录； ②路径： import ‘./…/…/assets/scss/index.scss’ 等价于 import’@/assets/scss/index.scss’； 说明： ./ :表示当前目录scss;说明：index.scss不属于目录，属于文件； …/ :表示上级目录assets;说明：以scss为中心的上级目录就是assets; ./…/…/ :表示路径刚好到src目
vue 路径
蚁族的奋斗的博客
11-29 246
1. 一般的路径http://localhost:2019/register.html 2.vue 的路径 http://localhost:2019/#/ 3. 在当前页面引入 打包后 vue ，则路经变为 http://localhost:2019/register.html#/ ...
Vue项目的详细目录结构解析
最新发布
weixin_45131680的博客
06-20 570
我们在使用Vuevue-demo├── dist //项目构建后的输出目录├── public├── src├── tests //选装：测试模块├── ...dist—— 项目构建打包后的默认输出目录。查看详情 ->—— 项目依赖文件，其中包括很多基础依赖和自己安装的依赖。查看详情 ->public—— 存放公共资源和项目的主入口文件index.html。查看详情 ->src—— 项目核心文件夹：包括项目源码，各种静态资源等等。是我们开发的重点工作目录。查看详情 ->test。
Vue中的路径表示法@/和./
Kisushotto的博客
02-27 465
./:当前目录下 @/:Vue项目的src目录下 …/:当前文件所在目录的上级目录下
vue中引入路径用法及说明
zzy7075的专栏
03-07 2688
vue中引入路径@的用法及说明
vue路径详解
千里之行，始于足下！
08-13 3028
1、路径（./）：表示相对路径，如./component/header.vue ,表示的是在当前目录同级的目录component文件夹下的header.vue文件。 2、路径（/）: 表示绝对路径 3、路径（@/）:表示相对路径，在webpack.config.js文件中： resolve：{ alias:{ 'vue':'vue/dist/vue.esm.js', '@'...
浅谈vue路径优化之resolve
08-29
浅谈Vue路径优化之resolve 在本篇文章中，我们将探讨 Vue 路径优化之 resolve 的相关知识点。 首先，我们需要了解什么是 resolve。resolve 是 Webpack 中的一个配置项，用于配置模块的解析规则。在 Vue 项目中，...
详解vue中使用protobuf踩坑记
10-17
在 Vue 中使用 Protocol Buffers（简称protobuf）可以帮助我们更高效地处理和传输数据。protobuf 是一种序列化协议，它提供了比 JSON 更小、更快、更简单的数据结构序列化方式。在本文中，我们将探讨如何在 Vue 项目...
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
08-27
当我们在Vue项目中设置背景图片时，可能会使用相对路径来引用这些资源。例如，我们可能在CSS中这样写： ```css background-image: url(./images/bg.jpg); ``` 在开发环境中，由于Vue CLI的配置，这些资源能够正确...
Vue-cli打包后部署到子目录下的路径问题说明
10-14
在 Vue Router 配置中，有一个 `base` 属性，它定义了应用的根路径。同样，为了适应子目录部署，需要将 `base` 设置为 `'/catalog1/catalog2/'`。例如： ```javascript import Router from 'vue-router'; ...
一个封装了vivus的vue组件能够播放svg路径动画
08-12
在这个场景中，我们讨论的是一个基于Vue.js的自定义组件，它整合了Vivus库，用于播放SVG路径动画。Vivus是一个轻量级的JavaScript库，能够使静态的SVG图形动起来，通过动态地绘制SVG路径来实现各种动画效果。 首先...
vue路径使用方法及自定义路径介绍
coldriversnow的专栏
11-25 5185
1.首先说根目录 根目录用“/” 2. 当前文件夹 ./当前文件同级目录 3.当前文件夹的上一级 …/当前文件上一级目录 4.自定义目录 说明下 之前的vue是在webpack.base.conf.js 文件里配置的在这里直接加入就可以 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/胜利ue.esm.js', '@': resolve('src'), } }, 现在需要在v...
菜单管理中组件路径的作用
会者定离，一期一祈
10-14 1387
如上图，system/menu/index 并非是请求 java后端。 而是在 ruoyi-ui中找寻对应的Vue文件。 上图的组件路径，在访问的时候，实际上是去访问system/menu/index.vue
五-2、vue中引用文件路径问题
qq_23135259的博客
02-09 7065
vue中引用文件路径问题，vue中给div设置style
vue中目录详解
weixin_64315174的博客
03-02 2887
vue中目录详解
vue项目笔记（8）-路径别名的使用
从零出发
08-10 2092
vue中路径别名的使用 在vue项目中，我们通常需要引入很多文件，但是在编写文件路径的时候很是麻烦，很多地方都是重复的路径前缀且容易出错。这个时候我们可以通过定义别名在简化路径，具体的方法如下： 1、打开项目的build/webpack.base.conf.js文件，找到resolve→alias，如下： resolve: { extensions: ['.js', '.v...
Vue 路由基本知识
tie1234的博客
08-28 459
Vue 路由相关基本知识
vue中引入路径@的用法
zszcc的博客
09-14 6235
一、Vue文件中引用路径的介绍 1、路径 ./ ./当前文件同级目录 2、路径 …/ …/当前文件上一级目录 3、@符号 @ 的作用是在你引入模块时，可以使用 @ 代替 /src 目录，避免易错的相对路径。 二、Vue中使用 1. vue.config.js配置文件中使用 chainWebpack(config) { config.resolve.alias .set('@', resolve('src')) .set('assets', resolve('s
vue根路径的表示方式
05-29
在 Vue.js 中，根路径可以用 `/` 来表示。例如： ```javascript const routes = [ { path: '/', component: Home }, { path: '/about', component: About } ] ``` 在上面的代码中，`'/'` 表示根路径，对应...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值