AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

vue和Jquery的区别

2023-08-14 85
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue和Jquery的区别

概念上： vue：前端js库，是一个精简的MVVM，它专注于MVVM模型的viewModel层，通过双向数据绑定把view和model层连接起来，通过对数据的操作就可以完成对页面视图的渲染。jquery：轻量级的js库

在操作思想上

vue是使用数据驱动的方式，通过vue对象将数据和view完全分离开，对数据操作，不在引用相应的DOM对象，通过vue对象，将数据和相应的DOM对象相互绑定起来；主要是操作数据 基于一种MVVM模式，

jQuery是使用选择器（$）选取DOM对象，并对其进行赋值、取值、事件绑定等操作；主要是操作DOM

应用场景的区别

vue适用的场景：复杂数据操作的后台页面，表单填写页面

  jquery适用的场景：比如说一些html5的动画页面，一些需要js来操作页面样式的页面

然而二者也是可以结合起来一起使用的，vue侧重数据绑定，jquery侧重样式操作，动画效果等，则会更加高效率的完成业务

文章标签：
JavaScript
前端开发
HTML5
移动开发
关键词：
jQuery vue
VUE.js区别
jquery区别
VUE.js jQuery
vue jQuery
一个大长腿.
目录
相关文章
光明顶阳顶天
|
22天前
|
JavaScript 前端开发 API
Vue 3 中 v-model 与 Vue 2 中 v-model 的区别是什么？
总的来说，Vue 3 中的 `v-model` 在灵活性、与组合式 API 的结合、对自定义组件的支持等方面都有了明显的提升和改进，使其更适应现代前端开发的需求和趋势。但需要注意的是，在迁移过程中可能需要对一些代码进行调整和适配。
光明顶阳顶天
101 60
光明顶阳顶天
|
3月前
|
JavaScript
在 Vue 3 组件通信方式中，Provide / Inject 与 Vuex 的区别是什么？
在 Vue 3 组件通信方式中，Provide / Inject 与 Vuex 的区别是什么？
光明顶阳顶天
187 65
chnjames
|
2月前
|
JavaScript 前端开发 开发者
Vue v-for 进阶指南：in 与 of 的区别及应用场景 | 笔记
Vue.js 中的 v-for 是强大的遍历指令，但其中的 in 和 of 关键字往往被开发者忽视。尽管它们的用法相似，但适用的场景和数据结构却各有不同。本文将详细探讨 v-for 中 in 和 of 的区别、适用场景以及在实际开发中的最佳使用时机。通过理解它们的差异，你将能够编写更加高效、简洁的 Vue.js 代码，灵活应对各种数据结构的遍历需求。
chnjames
112 6
mao29955
|
2月前
|
缓存 JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项，它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别，可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中，要根据具体情况灵活选择使用，以满足不同的需求。
mao29955
31 2
爱你三千遍斯塔克
|
5月前
|
JavaScript
Vue中ref创建_基本类型的响应式数据,在Vue2的年代，数据配在data里，Vue3的区别是不把响应数据写在data里，那个数据是响应式的用ref包一下，let name = ref(“张三“)
Vue中ref创建_基本类型的响应式数据,在Vue2的年代，数据配在data里，Vue3的区别是不把响应数据写在data里，那个数据是响应式的用ref包一下，let name = ref(“张三“)
爱你三千遍斯塔克
37 0
爱你三千遍斯塔克
|
5月前
|
前端开发
Vue2和Vue3的区别，在setup中定义的数据，在data(){return中能否定义到}，在setup我们不能用this，写在return中可以用this,但是不能在setup否则会报错
Vue2和Vue3的区别，在setup中定义的数据，在data(){return中能否定义到}，在setup我们不能用this，写在return中可以用this,但是不能在setup否则会报错
爱你三千遍斯塔克
70 0
明月何时照我还呀
|
3月前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么？
React 和 Vue.js 框架的区别是什么？
明月何时照我还呀
49 11
邹荣乐
|
2月前
|
缓存 JavaScript Serverless
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
邹荣乐
128 0
蓝易云
|
3月前
|
JavaScript 前端开发 API
Vue2与Vue3插槽使用的区别及案例
Vue 3在插槽功能上的改进，体现了其对开发体验的持续优化。通过简化API、加强动态特性和提升性能，Vue 3使得插槽的使用更加灵活和高效。这些改进不仅有助于减轻开发者的负担，还为组件之间的高级交互和内容复用打开了新的可能性。随着Vue生态系统的不断成熟，我们有理由相信，Vue将继续为前端开发提供强大且易用的工具。
蓝易云
75 3
源码星辰
|
3月前
|
JavaScript 索引
Vue 2和Vue 3的区别以及实现原理
Vue 2 的响应式系统通过Object.defineProperty来实现，它为对象的每个属性添加 getter 和 setter，以便追踪依赖并响应数据变化。
源码星辰
52 9

热门文章

最新文章

  • 1
    jquery.cookie中的操作
  • 2
    jquery tmpl
  • 3
    jquery datepicker
  • 4
    JQuery利用sort对DOM元素进行排序
  • 5
    jQuery从html代码中获取对应标签的写法
  • 6
    jquery 遍历dom元素
  • 7
    jQuery on()，live()，trigger()
  • 8
    MVC3.0 采用Jquery实现局部刷新
  • 9
    jquery的load加载js页面到指定div中
  • 10
    JQuery操作一个表格简单示例
  • 1
    使用Vue.js构建交互式前端的技术探索
    88
  • 2
    ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
    164
  • 3
    vue2升级到vue3的一些使用注意事项记录(四）
    132
  • 4
    ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
    149
  • 5
    ruoyi-nbcio-plus基于vue3的flowable多租户机制
    180
  • 6
    ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
    103
  • 7
    vue3中使用动态组件
    102
  • 8
    Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
    141
  • 9
    ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
    76
  • 10
    ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
    120

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • jQuery开发教程
  • 前端开发CSS基础
  • React 入门与实战

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 利用编译将 Vue 组件转成 React 组件

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • HTML及前端框架
  • CSS基础教程
    • 下一篇
    阿里云oss存储简介和如何使用