Vue项目目录结构

1.vue项目目录结构：

build 配置了webpack的基本配置、开发环境配置、生产环境配置等
config 配置了webpack路径端口值等
node_modules 安装依赖代码块
src 存放源码和资源文件
    assets: 静态资源，如图片等
    components:组文件夹，放vue组件
    App.vue:根组件,所有页面都是在App.vue下进行切换的，也可以理解为所有的路由也是App.vue的子组件。
    main.js:入口js文件，主要作用是初始化vue实例并使用需要的插件。
static 存放第三方静态资源的
.babelrc 转换浏览器识别的JS语法（ES6、ES7)
.editorconfig 编辑器配置文件
.gitignore 上传git的忽略配置文件
index.html 文件入口
package-lock.json/package.json 项目的包配置文件

2.vue组件说明：

一个vue组件（.vue文件)，里面对应有template、script、style三大模块
    template：类似于html
    script：类似于script
    style：类似于样式

3.vue组件引用路径的问题

1.同一文件夹下引用：
  ./文件名.vue
2.
  A文件路径：X/A/a.vue
  B文件路径：X/B/C/b.vue
  b中引用a：../../A/a.vue
../往自己所在的文件夹上跳一级，直到找到自己要引用的另一个文件的文件夹，然后再往下