SPA-Vue企业级开发模式

vue-spa

1. 什么是SPA？

   SPA（单页面应用程序），项目中只需要1个html页面，多个功能组件，页面跳转其实就是切换组件。

2. SPA的优缺点

   • 优点

     1、减轻服务器的压力：一个网站只有一个页面，只需要从服务器加载一次

     2、并且把大量操作都放到了浏览器中去完成

     3、前、后端完成分离，使服务器只需要提供同一套 JSON 数据接口，就可以同时满足WEB端、桌面端、手机端等不同的前端设备

     4、而且前端只关注前端、后端只操作数据，各司其职

   • 缺点

     1、首屏加载速度可能会很长

     2、SEO（搜索引擎优化）不友好，爬虫数据时什么也抓不到

     3、页面复杂度提高、开发难度加大

3. Vue全家桶技术栈包含哪些技术？

   1、使用 Vue Cli 脚手架工具快速构建项目目录结构、开发环境、部署

   2、使用 Vue-Router 实现路由，实现组件之间的切换

   3、使用 Vuex 实现状态数据的管理

   4、使用 axios 发送 AJAX 和服务器通信

4. SPA中vUE组件格式

   每个 .vue 文件中都由三部分组成：HTML、CSS、JS

   • html必须写在标签中
   • css必须写在