如何理解vue单页应用与h5单页应用的区别？

Question

如题详述：

最近学习了下vue框架，也跟着一个项目在做，是个单页面应用，前期的一些理解webpack配置，接着就是写组件，

可是写着写着就迷惑了

理解的vue核心功能：动态数据绑定、组件化开发，有了这两者能处理更复杂业务逻辑，交互起来的确方便不少

可是仍有以下困惑：

1、如果vue是用来做单页应用，那我用h5和引入一些其他js文件同样能做到啊，为什么要用vue-cli构建要用？

2、知道vue的应用肯定不止是单页面应用，可以写网站？写app？如果是后两者，那它对浏览器、手机都做了很好的兼容性封装么？

注： 望了解相关领域朋友，详述你的看法....

Answer 1

框架主要作用是组件化，数据驱动

Answer 2

（1）vue做单页应用，你可以写成好几区域，每个区域内自动加载对应的css，js以及数据，这让代码管理更加清晰明了，同时也很好的为组件化搭好下基础
（2）至于第二点，vue-cli项目对浏览器、手机的兼容性的封装没有直接联系，但是vue框架兴起自然而然会衍生出一些工具，帮助开发者更好地完成浏览器、手机的兼容性封装，不用开发者自己再去写很多。

Answer 3

这种问题你得先把定义弄清楚……Vue 单页应用也就罢了，你的 H5 是指什么？朋友圈里发的那种单页宣传品么？

尝试回答你的问题：

1. Vue 是 MVVM 框架，重点在于数据的双向绑定，所以适合用来开发重交互的应用，比如客户端、聊天工具等。Vue-cli 是脚手架工具，方便你快速搭建一个应用框架，省得一步一步组装工具。
2. 网站类型很多，并不是所有都适合用 Vue 开发，有些可能部分模块适合。它没有对兼容性进行什么封装，也不需要做什么封装。一方面，现代浏览器大部分都遵守规范，没啥可兼容的；二方面，MVVM 框架只负责数据和视图的映射，并不真正负责渲染，所以即使有兼容性问题，也不是 Vue 的工作。

所以题主的问题的本质是，题主你对问题里的概念都似是而非，建议你先把思路捋顺。

Answer 4

https://juejin.im/post/5a0ea4...