首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue @import 路径问题

vue @import 路径问题

作者头像
kirin
发布2020-06-01 10:43:00
2.3K0
发布2020-06-01 10:43:00
举报
文章被收录于专栏:Kirin博客Kirin博客

<!–  –>

<template>

<div id=’tabbar’>

      <div id=’tabbar’>

    <div class=’tabbar-item’>首页</div>

    <div class=’tabbar-item’>分类</div>

    <div class=’tabbar-item’>购物车</div>

    <div class=’tabbar-item’>我的</div>

  </div>

</div>

</template>

<script>

//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)

//例如:import 《组件名称》 from ‘《组件路径》’;

export default {

    name:’Tabbar’,

//import引入的组件需要注入到对象中才能使用

components: {},

data() {

//这里存放数据

    return {

    };

},

}

</script>

<style>

/* 动态引入css样式 */

这里的../../ 表示是在这个assets文件夹的跟目录,因为文件目录比较多了,../不适用了,所以直接到根目录下直接取…/是会报错的,而且没有这个写法

@import ‘../../assets/css/base.css’

</style>

表示上级目录 ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

表示下级目录 引用下级目录的文件,直接写下级目录文件的路径即可。

绝对路径:是从盘符开始的路径,形如 C:/windows/system32/cmd.exe 相对路径:是从当前路径开始的路径,假如当前路径为C:/windows 要描述上述路径,只需输入 system32/cmd.exe 实际上,严格的相对路径写法应为 ./system32/cmd.exe 其中,.表示当前路径,在通道情况下可以省略,只有在特殊的情况下不能省略。 假如当前路径为c:/program files 要调用上述命令,则需要输入 ../windows/system32/cmd.exe 其中,..为父目录。 当前路径如果为c:/program files/common files 则需要输入 ../../windows/system32/cmd.exe

另外,还有一种不包含盘符的特殊绝对路径,形如 /windows/system32/cmd.exe 无论当前路径是什么,会自动地从当前盘的根目录开始查找指定的程序

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-05-31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档