为什么用 vue.js 这种前端框架? 下面本篇文章就来给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
原因如下:
近几年来, 得益于手机设备的普及和性能的提升, 移动端的 web 需求大量增加, 产生了一种叫 webapp 的东西, 也就是移动端的网页应用.
它们功能越来越复杂, 交互也越来越酷炫, 功能与效果越来越接近于原生的 App. 比如下面这些:
这种 webapp 它们不仅仅像 h5 营销网页一样有酷炫的效果, 它们还有复杂的点击, 输入, 下拉选择, 视图切换等复杂的交互. 在这样的业务需求下, 我们还是沿用 PC 端的开发方案, 难免会不太合适. 比如: 视图切换.
在 PC 端, 视图切换我们会用 < a > 标签进行页面的跳转, 但如果在移动端, 那就歇菜了, 你会遇到这样的画面:
这个时候用户只能等.....3 秒, 5 秒, 8 秒....... 很难想象, 在一个需要频繁切换视图的 webapp 里面, 使用 < a > 标签去实现, 对用户来说是很不友好的, 换你你也不愿意等那么久, 反正我是不愿意了....
此外, 接收用户输入的同时, 很可能要及时更新视图, 比如用户输入不同的内容, 页面就会相对应进行更新, 点击不同的选项, 就会显示不同的状态等等交互效果. 一旦这种交互多了, 你要手动地进行操作, 代码就容易变得复杂和难以维护.
为了解决 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 开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/16361.html