【vue】了解vue项目目录结构及vue框架原理（MVVM）

前言

在前两期咱们通过两种方式创建了vue项目，今天和大家一起来看一下vue目录结构以及vue项目的框架原理

vue目录结构

1、node_modules目录用于存放项目的依赖库

2、public目录存放的是一些公用文件，比如初始创建项目后public目录中有两个文件，一个是图标，一个是通用的index页面（错误页面）

3、src目录就是工作中经常用到的目录，其中assets目录存放的是一些静态资源（如：css、image）

4、components目录用于存放通用的组件，项目创建初默认会有一个HelloWorld组件，其实就是项目初始化时Home这一页的内容，在之后的开发中，我们会经常用到这个目录

5、main.js文件是项目的入口，可以看到在main.js中创建了vue实例；并且在初始项目中，引入了vue、app、store、router等依赖包，当然我们也可以根据需要引入一些自定义的全局使用的文件

根据现有项目结构，vue目录结构先讲到这里，在之后的项目创建过程中会陆续有其他目录的说明，如router、view、.config文件等，在讲解之前先给大家看一张图，这张图特别清晰的描述了项目目录结构（来源于vue 文件目录结构详解）

vue框架原理（MVVM）