vue2和vue3的区别

vue3已经成为官网的默认版本了,后续新项目肯定优先考虑使用vue3,
毕竟vue3在打包速度,大小,渲染速度,和内存占用率等多个方面都比vue2要好很多。
不过vue3毕竟不完全兼容vue2,下面介绍下vue3相对vue2的一些区别

1.性能提升

包变的更小了,vue3不仅支持vue-cli脚手架其使用webpack打包,同时也支持vite自创的打包工具,相对webpack,其他打包和启动会更快。
页面渲染速度提升,内容占用率更低

2.创建Vue的App对象方式变化

2.1vue2创建app对象时

import Vue from 'vue'
import App from './App.vue'
new Vue({
render:h=>h(App)
}).$mount('#app')

2,2 vue3创建Vue对象

import createApp from 'vue'
import App from './App.vue'
createApp(App).mount('#app')

3. vue3 引入了组合式api

脚本通过setup关键字,或者setup函数,定义响应式数据结构和事件等

		<script setup>
		</script>

4. vue3 通过ref和reactive函数定义响应式数据

ref可以为基本数据类型和对象类型定义响应式,但是必须通过基本数据类型 变量名.value获取值,对象类型可以推荐使用reactive,使用方式和vue2类型

官网地址
https://cn.vuejs.org/

相关推荐

  1. vue2vue3区别

    2024-03-18 07:22:01       55 阅读
  2. Vue3Vue2区别

    2024-03-18 07:22:01       50 阅读
  3. Vue2Vue3区别

    2024-03-18 07:22:01       60 阅读
  4. Vue2Vue3区别

    2024-03-18 07:22:01       47 阅读
  5. vue2vue3区别

    2024-03-18 07:22:01       51 阅读
  6. vue2vue3区别

    2024-03-18 07:22:01       46 阅读
  7. vue2vue3区别

    2024-03-18 07:22:01       42 阅读
  8. vue2vue3区别

    2024-03-18 07:22:01       33 阅读
  9. Vue3Vue2区别优化

    2024-03-18 07:22:01       51 阅读
  10. vue3vue2区别是什么

    2024-03-18 07:22:01       46 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-18 07:22:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-18 07:22:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-18 07:22:01       82 阅读
  4. Python语言-面向对象

    2024-03-18 07:22:01       91 阅读

热门阅读

  1. SpringMVC总结二

    2024-03-18 07:22:01       44 阅读
  2. 计算机等级考试:信息安全技术 知识点十二

    2024-03-18 07:22:01       42 阅读
  3. Opencv使用数据增强中斜矩形裁剪成正矩形的方法

    2024-03-18 07:22:01       42 阅读
  4. 在 Nginx 中将 HTTP 重定向到 HTTPS

    2024-03-18 07:22:01       40 阅读
  5. 蓝桥杯刷题--python-22-dfs-bfs

    2024-03-18 07:22:01       43 阅读
  6. 条款13:用对象管理资源(智能指针)

    2024-03-18 07:22:01       40 阅读
  7. Excel数字签名技术总结

    2024-03-18 07:22:01       38 阅读
  8. 过多的 TIME_WAIT

    2024-03-18 07:22:01       33 阅读