Vue3 前置知识

1. Vue3 简介

  • 2020年9月18日,Vue.js发布版3.8版本,代号:one Piece(海贼王)
  • 经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者
  • 官方发版地址:Release v3.0.0 One Piece·vuejs/,core
  • 截止2023年10月,最新的公开版本为:3.3.4

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

2. Vue3 工程创建

2.1 基于 vue-cli 创建

在这里插入图片描述

2.2 基于vite 创建(推荐

vite是新一代前端构建工具,官网地址
vite的优势如下:

  • 轻量快速的热重载(HMR),能实现极速的服务启动。
  • 对TypeScript、JSX、CSS等支持开箱即用。
  • 真正的按需编译,不再等待整个应用编译完成。
  • webpack 构建与vite 构建对比图如下:
    在这里插入图片描述
    在这里插入图片描述

2.3 vue 工程创建

npm create vue@latest

在这里插入图片描述

  • Vite项目中,index.html是项目的入口文件,在项目最外层。
  • 加载index.html后,Vite解析

相关推荐

  1. 知识:字符集

    2024-07-16 17:00:02       44 阅读
  2. Vue 导航

    2024-07-16 17:00:02       39 阅读
  3. 前端知识pnpm

    2024-07-16 17:00:02       38 阅读

最近更新

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

    2024-07-16 17:00:02       50 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-16 17:00:02       54 阅读
  3. 在Django里面运行非项目文件

    2024-07-16 17:00:02       43 阅读
  4. Python语言-面向对象

    2024-07-16 17:00:02       54 阅读

热门阅读

  1. 开源软件的浪潮:趋势、参与经验与共赢未来

    2024-07-16 17:00:02       15 阅读
  2. linux查看进程使用的端口号信息

    2024-07-16 17:00:02       18 阅读
  3. 自动驾驶SLAM

    2024-07-16 17:00:02       14 阅读
  4. c++无大害小病毒6

    2024-07-16 17:00:02       14 阅读
  5. 项目名称:智能课程表生成器

    2024-07-16 17:00:02       18 阅读
  6. HTML的文档类型与字符集<!DOCTYPE html>

    2024-07-16 17:00:02       17 阅读