vue 项目结构目录简介

#了解结构目录，是为了明白项目的执行机制

先来看一下，然后讲解最重要的几部分

#src文件

该文件夹是整个项目的主文件夹 ，我们99%的操纵是在这里，其他1%可以忽略

##assets
该文件夹里面主要放置一些资源文件，比如js 、css，img 之类的文件

##components
该文件夹是vue组件存放位置 ， 组件文件全部都可以放到这里面

##router
该文件夹是整个vue项目的路由，vue 是单页面应用，路由配置每一个路径的对应页面应用

##app
该文件是整个项目的入口文件，相当于包裹整个页面的最外层的div

##main.js
该文件是全局引入插件 、定义变量，集成router,app等。这里可以算是一个各个模块的集成，组合，连接部分。

#index
该文件是项目的承载页面，首页入口文件，基本不用管，最外层文件。在main.js里面定义的实例将挂载在根节点下（el:#app)，内容都通过vue(components:{App})组件来填充