vue单页面应用项目目录

1.什么是单页面应用(SPA)

单页应用程序 (SPA) 是加载单个HTML页面
系统的不同功能通过加载不同功能组件的形式来切换
不同功能组件全部封装到了js文件中
这些文件在应用开始访问时就一起加载完,所以整个系统在切换不同功能时,页面的地址是不变的

系统切换可以做到局部刷新,也可以叫做无刷新,这么做的目的是为了给用户提供更加流畅的用户体验

2.生成项目目录

   

3.项目目录结构说明


src
1.  主开发目录,要开发的单文件组件全部在这个目录下
static
2.  静态资源目录,所有的css,js文件放在这个文件夹
dist

3.  项目打包发布文件夹,最后要上线单文件项目文件都在这个文件夹中

4.页面结构说明

整个项目是一个主文件index.html,index.html中会引入src文件夹中的main.js,main.js中会导入顶级单文件组件App.vue,App.vue中会通过组件嵌套或者路由来引用components文件夹中的其他单文件组件。

猜你喜欢

转载自blog.csdn.net/wpb74521wrf/article/details/80840968
今日推荐