Vue的核心思想
2024-10-13 02:30:38
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。每一个组件都对应一个工程目录,组件需要的各种资源在这个目录中进行维护,页面是组件的容器,而不同的组件相互嵌套组合可以组成一个完整的页面。
最新文章
- Codeforces 549G Happy Line[问题转换 sort]
- [No000059]知道这些,你的时间会比别人多一大截
- JavaWeb学习笔记——DOM4J
- Hibernate映射一对多双向关联关系及部门关联属性
- MVC4+WebApi+Redis Session共享练习(下)
- Spring+Mybatis+jQuery.Pagination.js异步分页及JsonConfig的使用
- c#播放器
- 25_android下文件访问的权限
- iPhone 微信平台链接到微信文章 返回上一页问题
- Python 核心数据类型
- Netbeans7.0完美中文+Consolas字体显示配置(亲测可用)
- QT5.4 计算器程序 打包&;发布,解决dll的最新解决方案
- CentOS搭建GIT服务器【二】-HTTP源码访问及smart http协议
- Keil 中关于C语言编译生成汇编代码函数名规则
- 4个特殊ping
- 利用Java调用OpenCV进行人脸识别
- Tomcat怎么实现异步Servlet
- web安全之机器学习入门——3.1 KNN/k近邻
- Docker Kubernetes 查询字段说明
- C#编程经验-VS Debug
热门文章
- Javascript JQuery select选择之Safari与Firefox
- CentOs8安装redis与Linux安装GDI+图形
- asp.net webapi 给字段赋初始值DefaultValue 解决前端传空字符串后台接受不是“”而是NULL
- python的常量与变量
- Java学习日报9.22
- vue中的插值操作
- 解析SwiftUI布局细节(三)地图的基本操作
- post传参数 传json格式参数
- mysql 应用 持续更新
- oracle数据库psu升级(本实验是将10.2.0.3.12升级到10.2.0.3.15)