1.Vue的基本概念
Vue.js是一套用于构建整体用户界面的渐进式JavaScript 框架。Vue.js采用自底向上增量进行开发的设计。Vue.js提供了MVVM(Model-View-ViewModel())数据信息绑定。
2.Vue的特点及优点
1)Vue的特点
(1)轻量级的框架
Vue.js能够自动追踪依赖的模板表达式和计算属性,提供MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API(应用程序接口)。
(2)双向数据绑定
声明式渲染是数据双向绑定的主要体现,是Vue.js的核心,它允许采用简洁的模板语法将数据声明式渲染整合进DOM
(3) 指令
指令的作用是当其表达式的值发生改变时,相应地将某些行为作用到DOM 上
(4) 组件化
组件化是Vue.js最强大的功能之一。在Vue中,父组件通过props与子组件进行通信,父组件向子组件单向传递数据。子组件通过触发事件通知父组件改变数据。这样就形成了一个基本的父子通信模式。
(5)客户端路由
Vue-router 是Vue.js官方的路由插件,与Vue 深度集成,用于构建单页面应用。Vue单页面应用是基于路由和组件的。路由用于设定访问路径,并将路径的组件映射起来,传统的页面通过超连接实现页面的切换和跳转
2)Vue的优点
与其它框架相比,Vue 最为轻量化,形成了一套完整的生态系统,可以快速迭代更新。作为前端开发人员的首先入门框架,Vue 有很多优点。
Vue最突出的优势在于对数据进行双向绑定。
相较于传统的单个页面通过超链接的方式实现多个页面的切换和跳转,Vue使用的路由器并不会自动刷新整个页面。
3.渐进式框架
Vue是渐进式JavaScript框架。渐进式框架是把整个框架进行分层设计,每一层是可以选择的,不同的层也可以转换为其它方案。渐进式框架给予了开发人员更多灵活性。也就是说,既可以直接引入Vue.js进行声明式渲染,也可以集成生态圈里的各自插件完成大型应用的开发。渐进式框架如下图所示:
Vue是由声明式渲染->组件系统->客户端路由->大规模状态管理->构建工具由内而外分层构成的。开发人员可以根据具体的需求来使用Vue的功能,由简单到高级渐进式的使用。
初级:使用Vue 作一些页面渲染、表单提交之类的基础操作。
中级:可以进一步通过Vue实现组件化开发,代码复用。
高级:还可以更进一步通过Vue 实现前端路由、状态集中管理,最终实现高度工程化。
4.响应式系统
Vue是响应式系统,这也是它最为独特的特性之一,数据模型是普通的JavaScript 对象。
当修改数据模型时,视图进行更新,避免了烦琐的Dom操作,提高了开发的效率。