Vue的核心思想主要分为两部分: 1.数据驱动  2.组件系统

1.数据驱动

在传统的前端交互中,我们是通过Ajax向服务器请求数据,然后手动的去操作DOM元素,进行数据的渲染,每当前端数据交互变化时,可能要重新操作DOM元素,比较繁琐,容易出错;

而vue.js是一种基于MVVM思想的JavaScript库,他侧重于View层,利用Dircetives指令对DOM的操作进行了封装,从而简化了前端对于数据交换的操作。

当数据发生变化的时候,vue.js利用Dircetives指令去修改DOM,数据驱动DOM的变化,所以可以说DOM是数据的一种自然映射。

同时也通过DOM Listener来监听view视图的变化,当DOM发生变化时,被监听到之后,实现model的变化,从而实现了数据的双向绑定。

2.组件系统

扩展HTMl元素,实现了代码的封装复用,每一个组件都代表了一个单独ViewModel。每一个组件都对应一个工程目录,组件需要的各种资源在这个目录中进行维护,页面是组件的容器,而不同的组件相互嵌套组合可以组成一个完整的页面。

最新文章

  1. Codeforces 549G Happy Line[问题转换 sort]
  2. [No000059]知道这些,你的时间会比别人多一大截
  3. JavaWeb学习笔记——DOM4J
  4. Hibernate映射一对多双向关联关系及部门关联属性
  5. MVC4+WebApi+Redis Session共享练习(下)
  6. Spring+Mybatis+jQuery.Pagination.js异步分页及JsonConfig的使用
  7. c#播放器
  8. 25_android下文件访问的权限
  9. iPhone 微信平台链接到微信文章 返回上一页问题
  10. Python 核心数据类型
  11. Netbeans7.0完美中文+Consolas字体显示配置(亲测可用)
  12. QT5.4 计算器程序 打包&发布,解决dll的最新解决方案
  13. CentOS搭建GIT服务器【二】-HTTP源码访问及smart http协议
  14. Keil 中关于C语言编译生成汇编代码函数名规则
  15. 4个特殊ping
  16. 利用Java调用OpenCV进行人脸识别
  17. Tomcat怎么实现异步Servlet
  18. web安全之机器学习入门——3.1 KNN/k近邻
  19. Docker Kubernetes 查询字段说明
  20. C#编程经验-VS Debug

热门文章

  1. Javascript JQuery select选择之Safari与Firefox
  2. CentOs8安装redis与Linux安装GDI+图形
  3. asp.net webapi 给字段赋初始值DefaultValue 解决前端传空字符串后台接受不是“”而是NULL
  4. python的常量与变量
  5. Java学习日报9.22
  6. vue中的插值操作
  7. 解析SwiftUI布局细节(三)地图的基本操作
  8. post传参数 传json格式参数
  9. mysql 应用 持续更新
  10. oracle数据库psu升级(本实验是将10.2.0.3.12升级到10.2.0.3.15)