vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架. 与其他重量级框架不同的是, vue 采用自底向上增量开发的设计. Vue 的核心库只关注视图层, 并且非常容易学习, 非常容易与其它库或已有项目整合. 另一方面, Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用.
(相关课程推荐: Vue.JS 教程 https://www.html.cn/jskuangjia/vue/ )
使用 vue.JS 的原因:
Vue 的核心库只关注视图层
页面元素非常多的网页, 结构很庞大, 数据和视图如果全部混杂在一起, 像传统开发一样全部混合在 HTML 中, 那么要对它们进行处理会十分的费劲.
Vue 能让网页开发变得方便
因为 Vue.JS 有声明式, 响应式的数据绑定, 与组件化的开发, 并且还使用了 Virtual DOM 这个看名字就觉得高大上的技术.
组件化开发
Vue.JS 通过组件, 把一个单页应用中的各种模块拆分到一个一个单独的组件 (component) 中, 我们只要先在父级应用中写好各种组件标签(占坑), 并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样, 这个参数叫做组件的属性), 然后再分别写好各种组件的实现(填坑), 然后整个应用就算做完了.
Virtual DOM
原生的 JavaScript DOM 操作函数对 DOM 进行频繁操作的时候, 浏览器要不停的渲染新的 DOM 树, 导致页面看起来非常卡顿. 虚拟 DOM 可以最小化操作 dom, 从而避免了性能损耗.
来源: http://www.css88.com/qa/vue-js/16084.html