当前位置: 移动技术网 > IT编程>脚本编程>vue.js > 【vue】了解vue项目目录结构及vue框架原理(MVVM)

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

2020年09月28日  | 移动技术网IT编程  | 我要评论
前言在前两期咱们通过两种方式创建了vue项目,今天和大家一起来看一下vue目录结构以及vue项目的框架原理vue目录结构1、node_modules目录用于存放项目的依赖库2、public目录存放的是一些公用文件,比如初始创建项目后public目录中有两个文件,一个是图标,一个是通用的index页面(错误页面)3、src目录就是工作中经常用到的目录,其中assets目录存放的是一些静态资源(如:css、image)4、components目录用于存放通用的组件,.

前言

在前两期咱们通过两种方式创建了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)

 

 

 

本文地址:https://blog.csdn.net/liuzhenhe1988/article/details/108835032

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网