Vue3发布快两年半,我才用它完成了第一个项目——vue3+setup

lxf2023-03-10 17:32:01

前言

距离 vue3 2020年09月18日正式发布已经过去快两年半了, 以前还能说是对新技术、新特性的观望,新技术用到生产会产生什么什么样不可预知的问题,但是经过两年半的沉淀该有的都有了,刚好也是有个新起的项目技术栈使用的是vue3,经过一个多月vue3的体验,对这个学习过程记录下来做个总结,也便于日后的梳理。

版本

既然要开始使用vue3,那就直接从最新的版本开始"vue": "^3.2.0"。3.2之后只需在script中添加setup,然后就可以在标签中直接使用vue3的组合式API,也不用写 setup 函数,响应式的属性和方法也不用 return 出来才能使用,像 refreactive这些方法通过 unplugin-auto-import 这个插件也不用每次都 import 导入进来,总之比最开始的时候在书写方面简洁了许多,要不怎么说是经过了两年半的沉淀呢。

准备工作

  1. 初始化 npm init vue@latest
  2. 安装 vscode 插件 Volar,注意 vue2项目中使用 Vetur,vue3中使用Volar
  3. 使用unplugin-auto-import 插件给每个.vue文件导入 vue组合式API
  4. 浏览器的启用自定义格式设置工具勾选上

相关专题