专栏首页Kirin博客vue @import 路径问题

vue @import 路径问题

<!–  –>

<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 无论当前路径是什么,会自动地从当前盘的根目录开始查找指定的程序

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 利用Vue实现简易tab切换效果

    (1) 以上代码看起来似乎很简单容易懂,而且效果也能实现,但不够灵活。我们可以发现如果标题和内容同时增多我们要不停的添加cur的索引值,因此我们有必要改进一下代...

    kirin
  • flex布局 div盒子居中

    kirin
  • Django-admin配置和显示图标

    添加完之后重启项目; 如未显示,请检查文件路径是否正确。 如果还没有显示,请在setting.py中加入以下代码:

    kirin
  • jquery 选中某一行

    Dream城堡
  • Apache Zeppelin 中 Hive 解释器

    重要的提醒 Hive Interpreter将被弃用并合并到JDBC Interpreter中。您可以使用具有相同功能的JDBC解释器使用Hive Inte...

    片刻
  • html5打开摄像头

    <!DOCTYPE html> <html lang="zh-cn"> <head> <meta content="text/html...

    李海彬
  • K8s上用Ceph-rbd存储

    k8s默认使用的本地存储,集群容灾性差,ceph作为开源的分布式存储系统,与openstack环境搭配使用,已经很多云计算公司运用于生产环境,可靠性得到验证。这...

    院长技术
  • Ceph分布式存储之CephFS文件系统

    本文参考http://docs.ceph.org.cn/start/quick-cephfs/

    yuanfan2012
  • 重磅!YOLO-LITE来了(含论文精读和开源代码)

    看名字,就知道属于YOLO系列。这篇文章于2018年11月15日首发在arXiv上,考虑到该work开源了,于是Amusi就特意深挖一下推荐给大家。

    Amusi
  • 前端进阶系列(二):css常见布局解决方案

    IE6中会有3px的BUG,解决方法可以在.left加入margin-left:-3px当然下面的方案也可以解决这个bug:

    :::::::

扫码关注云+社区

领取腾讯云代金券