vue框架为啥不用写html页面,为什么用vue.js这种前端框架？

为什么用vue.js这种前端框架？下面本篇文章就来给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

为什么用vue.js这种前端框架？

原因如下：

近几年来，得益于手机设备的普及和性能的提升，移动端的web需求大量增加，产生了一种叫webapp的东西，也就是移动端的网页应用。

它们功能越来越复杂，交互也越来越酷炫，功能与效果越来越接近于原生的APP。比如下面这些：

这种webapp它们不仅仅像h5营销网页一样有酷炫的效果，它们还有复杂的点击、输入、下拉选择，视图切换等复杂的交互。在这样的业务需求下，我们还是沿用PC端的开发方案，难免会不太合适。比如：视图切换。

在PC端，视图切换我们会用标签进行页面的跳转，但如果在移动端，那就歇菜了，你会遇到这样的画面：

这个时候用户只能等.....3秒，5秒，8秒.......很难想象，在一个需要频繁切换视图的webapp里面，使用标签去实现，对用户来说是很不友好的，换你你也不愿意等那么久，反正我是不愿意了....

此外，接收用户输入的同时，很可能要及时更新视图，比如用户输入不同的内容，页面就会相对应进行更新，点击不同的选项，就会显示不同的状态等等交互效果。一旦这种交互多了，你要手动地进行操作，代码就容易变得复杂和难以维护。

为了解决webapp这些的体验和开发上的不足，我们决定学习并使用一个MVVM框架——Vue.js

为了更好满足当前移动webapp项目的开发需求，MVVM框架诞生，而Vue.js便是这样的一种js框架，其两大核心：数据驱动和组件化。

Vue的数据驱动：数据改变驱动了视图的自动更新，传统的做法你得手动改变DOM来改变视图，vuejs只需要改变数据，就会自动改变视图，一个字：爽。再也不用你去操心DOM的更新了，这就是MVVM思想的实现。

视图组件化：把整一个网页的拆分成一个个区块，每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。看下图：

Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”

Vue.js的优点：Vue.js更轻量更快

更容易上手，易学

更多web开发知识，请查阅 HTML中文网 ！！