Vue3-基础入门

vue的基础入门

为什么要学习Vue3?

因为Vue3相对于Vue2更多的优点、

Vue3的优点(与Vue2对比)

  • 更容易维护

1.组合式API

组合式Api:在vue2中,我们方法和数据等是分别写在不同的选项中的,因此一般vue2也称为选项式Api,而在vue3中,对vue进行了优化,让以前那些写在不同选项中的数据和方法可以通过函数统一写在一个地方,这就是组合式Api

2.更好的TypeScript支持

  • 更快的速度
  1. 重写diff算法

  2. 模版编译优化

  3. 更高效的组件初始化

  • 更小的体积
  1. 良好的TreeShaking

  2. 按需引入

  • 更优的数据响应式

1.使用Proxy来实现响应式

create-vue搭建Vue3项目

create-vue是Vue官方新的脚手架工具 ,底层切换到了vite(下一代构建工具),为开发提供极速响应

使用create-vue创建项目:

1. 前提环境条件

已安装 16.0 或更高版本的 Node.js

node -v

2. 创建一个Vue应用

npm init vue@latest

这一指令将会安装并执行 create-vue

熟悉项目目录和关键文件

相关推荐
10年前端老司机1 小时前
什么!纯前端也能识别图片中的文案、还支持100多个国家的语言
前端·javascript·vue.js
摸鱼仙人~1 小时前
React 性能优化实战指南:从理论到实践的完整攻略
前端·react.js·性能优化
程序员阿超的博客2 小时前
React动态渲染:如何用map循环渲染一个列表(List)
前端·react.js·前端框架
magic 2452 小时前
模拟 AJAX 提交 form 表单及请求头设置详解
前端·javascript·ajax
小小小小宇7 小时前
前端 Service Worker
前端
只喜欢赚钱的棉花没有糖7 小时前
http的缓存问题
前端·javascript·http
小小小小宇7 小时前
请求竞态问题统一封装
前端
loriloy7 小时前
前端资源帖
前端
源码超级联盟7 小时前
display的block和inline-block有什么区别
前端
GISer_Jing8 小时前
前端构建工具(Webpack\Vite\esbuild\Rspack)拆包能力深度解析
前端·webpack·node.js