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