vue.js 是一款流行的 JavaScript 前端框架, 一个用于创建用户界面的开源 JavaScript 框架, 旨在更好地组织与简化 web 开发.
vue 是什么
Vue.JS 是一个轻巧, 高性能, 可组件化的 MVVM 库, 同时拥有非常容易上手的 API.
简而言之: Vue.JS 是一个构建数据驱动的 Web 界面的渐进式框架. Vue.JS 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 核心是一个响应的数据绑定系统.
Vue 的特点和优势
1,vue 两大特点: 响应式编程, 组件化.
2,vue 的优势: 轻量级框架, 简单易学, 双向数据绑定, 组件化, 数据和结构的分离, 虚拟 DOM, 运行速度快.
3,vue 是单页面应用, 使页面局部刷新, 不用每次跳转页面都要请求所有数据和 dom, 这样大大加快了访问速度和提升用户体验. 而且他的第三方 ui 库很多节省开发时间.
响应式的数据绑定
这里的响应式不是 @media 媒体查询中的响应式布局, 而是指 vue.JS 会自动对页面中某些数据的变化做出响应.
这也就是 vue.JS 最大的优点, 通过 MVVM 思想实现数据的双向绑定, 让开发者不用再操作 dom 对象, 有更多的时间去思考业务逻辑.
组件化开发
Vue.JS 通过组件, 把一个单页应用中的各种模块拆分到一个一个单独的组件 (component) 中, 我们只要先在父级应用中写好各种组件标签(占坑), 并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样, 这个参数叫做组件的属性), 然后再分别写好各种组件的实现(填坑), 然后整个应用就算做完了.
组件化开发的优点: 提高开发效率, 方便重复使用, 简化调试步骤, 提升整个项目的可维护性, 便于协同开发.
Virtual DOM
在传统开发中, 用 jQuery 或者原生的 JavaScript DOM 操作函数对 DOM 进行频繁操作的时候, 浏览器要不停的渲染新的 DOM 树, 导致页面看起来非常卡顿.
而 Virtual DOM 则是虚拟 DOM 的英文, 简单来说, 他就是一种可以预先通过 JavaScript 进行各种计算, 把最终的 DOM 操作计算出来并优化, 由于这个 DOM 操作属于预处理操作, 并没有真实的操作 DOM, 所以叫做虚拟 DOM. 最后在计算完毕才真正将 DOM 操作提交, 将 DOM 操作变化反映到 DOM 树上.
更多 vue.JS 相关知识, 可访问 Vue.JS 答疑 https://www.html.cn/qa/vue-js/ 栏目!!
来源: http://www.css88.com/qa/vue-js/15555.html