vue.js是一套用于构建用户界面(用vue向html页面中填充数据)的渐进式框架,也就是说我们可以由浅入深的、从简单到复杂的来使用这个框架。
vue.js的核心是一个允许使用简洁的模版语法,来声明式地将数据渲染进DOM的系统。
vue的优点:
- vue体积小,被压缩后只有33K
- 使用简单的命令加数据来进行DOM操作,避开了繁杂的获取,创建和删除DOM元素的操作.即简化了DOM元素的操作。
- vue基于虚拟dom,拥有更高的运行效率
- vue.js是响应式的数据驱动,简单来说就是由数据生成页面。它是双向数据绑定
vue的特性:
- 数据驱动视图 :数据的变化会驱动视图自动更新,数据驱动视图是单向的数据绑定
- 双向数据绑定 : js数据的变化会被自动渲染到页面上,页面上表单采集的数据发生变化时,会被vue自动获取并自动更新到js数据中。
vue使用的是MVVM模式。MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。MVVM是指:Model、View、ViewModel。
- Model表示当前页面渲染时所依赖的数据源
- View表示当前页面所渲染的DOM结构
- ViewModel表示vue实例,它是MVVM的核心
MVVM的工作原理:
ViewModel作为MVVM的核心,是它把当前页面的数据源(Model)和页面的结构(View)连接在了一起。当数据源发生变化时,会被ViewModel监听到,VM会根据最新的数据源自动更新页面的结构;当表单元素的值发生变化时,也会被VM监听到,VM会把变化过后最新的值自动同步到Model数据源中。
vue.js的应用可以分为两个部分:一个是视图(html),一个是脚本(script)。