学习vue的心得

vue.js是一套用于构建用户界面(用vue向html页面中填充数据)的渐进式框架,也就是说我们可以由浅入深的、从简单到复杂的来使用这个框架。

vue.js的核心是一个允许使用简洁的模版语法,来声明式地将数据渲染进DOM的系统。

vue的优点:

  1. vue体积小,被压缩后只有33K
  2. 使用简单的命令加数据来进行DOM操作,避开了繁杂的获取,创建和删除DOM元素的操作.即简化了DOM元素的操作。
  3. vue基于虚拟dom,拥有更高的运行效率
  4. vue.js是响应式的数据驱动,简单来说就是由数据生成页面。它是双向数据绑定

vue的特性:

  1. 数据驱动视图  :数据的变化会驱动视图自动更新,数据驱动视图是单向的数据绑定
  2. 双向数据绑定   : 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)。

 

上一篇:vue mvc与mvvm


下一篇:Vue的理解