vue 项目结构目录简介

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

先来看一下,然后讲解最重要的几部分
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})组件来填充