当前位置： 首页 > news >正文

说说你对Vue的理解

news 来源：原创 2024/5/9 12:03:01

1.VUE是什么

vue 是一个创建用户界面的开源JS框架，

2. 有什么特点

  1. 核心特点是MVVM数据驱动模式，数据改变自动触发视图更新使用v-model实现双向数据绑定
  2. 组件化开发模式，降低系统耦合度，提高代码维护性
  3. 单页面应用，路由切换局部刷新页面，提升用户体验
  4. 指令系统简化开发，可以自定义指令

3. 与react对比

相同：

  1. 都是组件化开发模式
  2. 都支持服务端渲染
  3. 都使用虚拟DOM
  4. 都是数据驱动视图

不同：
5. 数据流向：react是单向数据流，vue 是双向数据流
6. 数据变化的实现原理：react使用的是不可变数据，Vue使用的是可变的数据
7. 组件化通信：react使用回调函数来进行通信，Vue使用事件和回调函数
8. diff算法：react主要使用diff队列保存需要更新哪些DOM，得到patch树，再统一操作批量更新DOM，Vue 使用双向指针，边对比，边更新DOM

相关文章：

  • C#拼夕夕自动化登录，电商网页自动化操作。WebView2
  • 代码随想录算法训练营第三十九天| 62 不同路径 63 不同路径 ||
  • QT 中使用 QTableView 和 QStandardItemModel 实现将数据导出到Excel 和 从Excel导入到 QTableView 的功能
  • AI创作ChatGPT源码+AI绘画（Midjourney绘画）+DALL-E3文生图+思维导图生成
  • solidity案例详解（五）能源电力竞拍合约
  • 【Java面试——JUC全局观、原子类、锁、集合类、线程池、工具类】
  • 《凤凰项目》读书笔记
  • 【迅搜05】索引配置（二）字段定义与设计
  • 开源播放器GSYVideoPlayer + ViewPager2 源码解析
  • js进阶笔记之Promise
  • 第一章 分别使用Create-React-App、Vite、Umi Max搭建React项目
  • Linux：进程间通信
  • 【【FPGA 之 MicroBlaze 自定义IP核 之 呼吸灯实验】】
  • 深入理解同源限制：网络安全的守护者(下)
  • css 3D背景反转实现
  • 【跃迁之路】【735天】程序员高效学习方法论探索系列（实验阶段492-2019.2.25）...
  • CSS实用技巧
  • echarts花样作死的坑
  • overflow: hidden IE7无效
  • Python爬虫--- 1.3 BS4库的解析器
  • python学习笔记 - ThreadLocal
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典：程序员走江湖必备
  • Vue全家桶实现一个Web App
  • win10下安装mysql5.7
  • 分布式任务队列Celery
  • 给自己的博客网站加上酷炫的初音未来音乐游戏？
  • 解决jsp引用其他项目时出现的 cannot be resolved to a type错误
  • 聊聊flink的TableFactory
  • 使用SAX解析XML
  • 算法---两个栈实现一个队列
  • 优化 Vue 项目编译文件大小
  • Android开发者必备：推荐一款助力开发的开源APP
  • # 执行时间 统计mysql_一文说尽 MySQL 优化原理
  • （动态规划）5. 最长回文子串 java解决
  • （二）构建dubbo分布式平台-平台功能导图
  • （附源码）springboot 个人网页的网站 毕业设计031623
  • （附源码）ssm码农论坛 毕业设计 231126
  • （黑马出品_高级篇_01）SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • （亲测）设​置​m​y​e​c​l​i​p​s​e​打​开​默​认​工​作​空​间...
  • .bat批处理（八）：各种形式的变量%0、%i、%%i、var、%var%、!var!的含义和区别
  • .NET Standard 的管理策略
  • .NET Windows：删除文件夹后立即判断，有可能依然存在
  • /var/lib/dpkg/lock 锁定问题
  • ？？javascript里的变量问题
  • @cacheable 是否缓存成功_Spring Cache缓存注解
  • [ C++ ] STL_vector -- 迭代器失效问题
  • [ C++ ] STL---string类的使用指南
  • [Android 数据通信] android cmwap接入点
  • [Angularjs]asp.net mvc+angularjs+web api单页应用之CRUD操作
  • [CISCN2019 华东南赛区]Web11
  • [ComfyUI进阶教程] animatediff视频提示词书写要点
  • [Docker]十一.Docker Swarm集群raft算法,Docker Swarm Web管理工具
  • [IE9] IE9 Beta崩溃问题解决方案
  • [Linux]创建新用户并授予root权限
  • [mysql] mysqldump 导出数据库表