大家好，今天来介绍原生js和vue的区别的问题，以下是渲大师小编对此问题的归纳和整理，感兴趣的来一起看看吧！
vue和js的区别
概念不同。根据查询公开信息显示：JavaScript是一种通用的编程语言，用于在灶闭清网页上实现交互和动态效果。它可态碧以用于开发前端、后端甚至是移动端应用，具有广泛的应用领域。JavaScript是一门编程语言，提供了诸如变量、函数、流程控制等基本的编程功能。Vue.js是一个专注于构建隐前用户界面的渐进式框架，它被设计为能够与现有项目无缝集成。Vue.js基于JavaScript，并提供了许多附加功能和工具，用于构建复杂的前端应用程序。Vue.js采用了组件化的思想，使得开发者可以通过组合和重用组件来构建应用程序的界面。
.png "原生js和vue的区别(vue.js与vue的区别)")
vue和js的关系
vue是JavaScript封装成的框架。燃铅亏Vue.js的目标是通过尽可能激蚂简单的API实现响应的数据绑定和组合的视图组件。vue是JavaScript封装成的框架， 是皮神一套用于构建用户界面的渐进式JavaScript框架，能实现强大的功能。
jquery和vue的区别是什么
jquery和vue的区别是什么？本篇文章就给大家简单比较一下jquery和vue.js，让大家了解jquery和vue.js之间有哪些区别。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
首先我们来了解一下jquery和vue是什么？
Vue.js是什么？
Vue.js是一个前端JavaScript框架，用于构建用户界面。它是开源的。当使用其他JavaScript库时，它还可以用世含作集成工具。它本质上是增量自适应的。Vue还用作Web应用程序框架，可以为单页面应用程序提供支持。它创建于2014年，是跨平台的。
Vue主要用于前端开发，如组件，声明性UI等，更加平易近人。
从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。
jquery是什么？
jQuery是一个跨平台的JavaScript库。它旨在简化HTML的客户端脚本。它也是开源的。许多分析表明它是最常用和广泛部署的JavaScript库。
jQuery语法旨在轻松导航文档，例如选择DOM元素，创建动画，处理事件和开发Ajax应用程序。它还可以用于在JavaScript库之上创建插件。
下面我们通过比较jquery和vue，来看看它们之间有什么区别。
1、工作原理
Vue做到了数据和视图完全分离开，它首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。对数据进行操作不再需要引用相应的dom对象，他们通过Vue对象实现数据和视图的相互绑定。
jQuery则是要先使用选择器（$）来选取dom对象，然后对dom对象进行操作搜桐笑（如赋值、取值、事件绑定等）。
2、侧重
vue侧重数据绑定，可轮纳以应用于复杂数据操作的后台页面。如：表单填写页面
jquery侧重样式操作，动画效果等；可以应用于一些html5的动画页面，一些需要js来操作页面样式的页面中。
总结：
原生快还是vue3快
vue3快。
_略隽巳鲎榧_ragment 支持多个根节点、Suspense 可以在散锋组件渲染之前的等待时间显示指定内容、Teleport 可以让子组件能够在视觉上跳出父组件(如父组件overflow:hidden)
_略鲋噶? v-memo，可以缓存 html 模板，比如 v-for 列表不会变化的就缓存，简单说就是用内存换时间
_С? Tree-Shaking，会在打包时去除一些无用代码，没有用到的模块，使得代码打包体积更小
_略? Composition API 可以更好的逻辑复用和代码组织，同一功能的代码不至于像以前一样太分散，虽然 Vue2 中可以用 minxin 来实现复用代码，但也存在问题，比如方法或属性名会冲突，代码来源也不清楚等
_? Proxy 代替 Object.defineProperty 重构了响应式系统，可以监听到数组下标变化，及对象新增属性，因为监听的不是对象属性，而是对象本身，还可拦截 apply、has 等13种方法
_毓沽诵祥灶槟? DOM，在编译时会将事件缓存、将 slot 编译为 lazy 函数、保存静态节点直接复用(静态提升)、以及添加静态标记、Diff 算法使用 最长递增子序列 优化了对比流程，使得虚拟 DOM 生成速度提升 200%
_С衷? 里使用 v-bind，给 CSS 绑定 JS 变量(color: v-bind(str))
_? setup 代替了 beforeCreate 和 created 这两个生命周期
_略隽丝⒒肪车牧礁龉匙雍谧榧率? onRenderTracked 会跟踪组件里所有变量和方法的变化、每次触发渲染时 onRenderTriggered 会冲宴晌返回发生变化的新旧值，可以让我们进行有针对性调试
_暇? Vue3 是用 TS 写的，所以对 TS 的支持度更好