Vue项目的目录结构简析

1、官方文档：https://cn.vuejs.org/v2/guide/

 

2、Vue的特点：

只关注视图层、是一种MVVM框架，是数据和视图双向绑定的框架，即数据发生变化视图也会跟着变化，视图发生变化数据模型也会跟着变化，开发者再也不需要操作DOM。

 

3、文件结构

①build文件夹，存放项目构建脚本

②config文件夹，存放项目的一些基本配置信息，常见用的比如端口转发

③node_modules目录存放项目的所有依赖，即npm install命令下载下来的文件

④src这个目录存放项目源码，开发者写的代码放这里

⑤static用来存放静态资源

⑥index.html 是项目的首页、入口页，也是整个项目唯一的HTML页面

⑦package.json中定义了项目中所有依赖，包括开发时依赖和发布时依赖

 

4、src文件结构

 

①assets用来存放资产文件，mp3、mp4等等

②components目录用来存放组件（一些可复用，非独立的页面），当然开发者也可以在components中直接创建完整页面。

推荐在components中国存放组件，另外单独新建一个page文件夹，专门用来存放完整页面。

③router目录中，存放了路由的js文件，就是指挥页面跳转的。

④App.vue是一个Vue组件，也是项目的第一个Vue组件

⑤main.js相当于Java中的main方法，是整个项目的入口js