Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
单独来讲, Vue.js 被定义成一个用来开发 Web 界面的前端库,是个非常轻量级的工具。
Vue.js 本身具有响应式编程和组件化的特点。
所谓响应式编程 , 即为保持状态和视图的同步,也就是数据绑定。
声明实例 new Vue({ data : data }) 后自然对 data 里面的数据进行了视图上的绑定。修改 data 的数据,视图中对应数据也会随之更改。
相比较 Angularjs 和 ReactJS,Vue.js 一直以轻量级,易上手被称道。作为新兴的前端框架,Vue.js 也抛弃了对 IE8 的支持,在移动端支持到 Android 4.2+ 和iOS 7+。理想状态下,我们能直接在前后端分离的新项目中使用 Vue.js 最合适。这能最大程度上
理想状态下,我们能直接在前后端分离的新项目中使用 Vue.js 最合适。这能最大程度上发挥 Vue.js 的优势和特性,熟悉后能极大的提升我们的开发效率以及代码的复用率。尤其是
移动浏览器上,Vue.js 压缩后只有 18KB,而且没有其他的依赖。
vue.js特性
1 确实轻量
2 数据绑定
对于一些富交互、状态机类似前端的UI界面,数据绑定非常简单、方便
3 指令
类似AngularJS
4 插件化
vue.js核心库不包含Router、AJAX、表单验证等功能,但是可以非常方便的加载对应的插件
Vue.js使用的都是通过构造函数创建一个vue的实例 var vm = new Vue({})。一个vue实例相当于一个MVVM模式中的ViewModel。在实例化的时候,我们可以传入一个选项对象,包含数据、模板、挂载元素、方法、生命周期钩子等选项。
编写代码时候没有DOM的操作,着重于数据的操作。数据写好之后,vue会帮我们接管。
el(挂载点el后面id对于的dom的节点)指的是这一个vue实例和哪一个dom做绑定
data:数据放在data里面+
vue只会处理挂载点下面的内容
挂载点内部的内容都是模板内容,可以写在挂载点内部,也可以写在实例熟悉中的template中
插值表达式 {{}} v-text v-html