1.第一个Vue程序
1.简介
Vue是一套用于构建用户界面的渐进式架构,发布于2014年2月。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。
Vue的核心只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router,vue-resource,vuex)或既有项目整合。
2.MVVM模式的实现者
- Model:模型层,在这里表示JavaScript对象
- View:视图层,在这里表示DOM(HTML操作的元素)
- ViewModel:连接视图和数据的中间件,Vue.js就是MVVM中的ViewModel层的实现者
在MVVM架构中,是不允许数据和视图直接通信的,只能通过ViewModel来通信,而ViewModel就是定义了一个Observer观察者
- ViewModel能够观察到数据的变化,并对视图对应的内容进行更新
- ViewModel能够监听到视图的变化,并能够通知数据发生变化
至此我们明白了, Vue.js就是一个MVVM的实现者,他的核心就是实现了DOM监听与数据绑定
3.为什么要使用Vue.js
- 轻量级,体积小是一个重要指标。Vue.js压缩后只有20多kb(Angular压缩后56kb+,React压缩后44kb+)
- 移动优先。更适合移动端,比如移动端的Touch事件
- 易上手,学习曲线平稳,文档齐全
- 吸取了Angular(模块化)和React(虚拟DOM)的长处,并拥有自己独特的功能,并拥有自己独特的功能,如:计算属性
- 开源,社区活跃度高
- ......
4.第一个Vue程序准备
注意:Vue不支持IE8及以下,因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器
Vue
原文:https://www.cnblogs.com/lxzlovewyq/p/13504427.html