Vue3 前置知识

news2024/12/25 2:35:27

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解析

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1929396.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

数学建模·层次分析法

层次分析法 LAF 定义 评价体系的优劣影响,计算评价指标的权重的一种方法 主观性较强,现在一般不用 主要步骤 关键在于一致性检验和求权值 权重的计算 注意权重之和为1,需要归一化 算数平均法 特征值法 矩阵的一致性检验 为什么要检验…

如何应对AI发展下的伦理挑战

目录 1.概述 2.构建可靠的AI隐私保护机制 2.1. 最小化数据收集 2.2. 数据去标识化 2.3. 加密技术 2.4. 分布式学习和边缘计算 2.5. 强化用户控制权 2.6. 独立审计和合规性检查 2.7. 持续教育和培训 2.8.小结 3.确保AI算法的公正性和透明度 3.1.增强AI决策透明度的方…

安卓MT管理器v2.16.2/逆向修改神器 本地VIP已解锁

MT管理器是一款强大的文件管理工具和APK逆向修改神器。如果你喜欢它的双窗口操作风格,可以单纯地把它当成文件管理器使用。如果你对修改APK有深厚的兴趣,那么你可以用它做许许多多的事,例如汉化应用、替换资源、修改布局、修改逻辑代码、资源…

Java用JDBC链接mysql

一、什么是JDBC: 是Java平台上的标准数据库访问技术。它提供了一套API(应用程序编程接口),允许Java应用程序与各种类型的数据库进行交互,包括关系型数据库(如MySQL、Oracle、SQL Server等)和非关…

MBR30200PT-ASEMI智能AI应用MBR30200PT

编辑:ll MBR30200PT-ASEMI智能AI应用MBR30200PT 型号:MBR30200PT 品牌:ASEMI 封装:TO-247 批号:最新 恢复时间:35ns 最大平均正向电流(IF):30A 最大循环峰值反向…

中国最受欢迎的起名大师国学泰斗颜廷利:世界公认的伟大思想家

物质构成了文化的根基,而精神则象征着文明的光辉。汉字文化和汉语言文明,作为历经数千年而不衰的宝贵遗产,巧妙地平衡了综合性与创新性、继承性与变革性、民族性与时代性的关系,确保了中国文化在传承中既保持了一贯的学术传统、道…

最新付费进群修复版本站亲测试

PHP必需7.2 sg11扩展 tp伪静态 *数据库修改地址:config/database.php 导入数据库 关闭防跨站 *编辑数据库找到qing_config表,更改网站域名codenet.cc改为自己的域名 后台账号18888888888 密码123456 分销后台:域名fenxiao.php 分站后台&am…

80万开一家零食店,每日1万营业额还亏本

在探讨以80万资金投资开设一家零食店的决策时,我们不得不深入剖析这一商业行为的多个层面,以更全面的视角审视其盈利潜力与潜在风险。 首先,提及的这家拥有千余家门店的零食连锁品牌,其招商宣传中的高存活率固然诱人,…

什么软件修复视频画质比较好,视频画质修复工具

有些视频中可能会出现噪点、残影、颜色失真等问题,导致观看时体验感不太好,修复视频画质可以去除这些问题,使视频更加干净、清晰和真实。 高质量的视频画质能够提高观众的观看体验,让观众更加享受观看视频的过程。特别是在需要展示…

线上观看 3 万+!「智能运维MeetUp」精彩回顾,探讨智能体构建新方向

龙蜥社区“走进系列”第 11 期走进中兴通讯-智能可观测运维技术 MeetUp 于成都圆满结束,由中兴通讯联合龙蜥社区系统运维联盟(SOMA)(以下简称“联盟”)共同举办。本次活动现场汇聚了阿里云、谐云科技、乘云数字、中兴通…

vue快速上手——创建vue项目,vue基本使用方式,路由vue-Router,转态管理vuex

文章目录 1.创建vue项目使用Vue CLI创建前端工程:1.方式一:vue create 项目名称2.方式二:vue ui 运行vue项目什么是node.jsnode.js和vue项目的关系 2.vue基本使用方式1.vue组件组成部分:脚本部分的组件选项:示例&#…

普通人还有必要学习 Python 之类的编程语言吗?

在开始前分享一些编程的资料需要的同学评论888即可拿走 是我根据网友给的问题精心整理的对于编程的重要性,这里就不详谈了。 未来,我们和机器的交流会越来越多,编程可以简单看作是和机器对话并分发给机器任务。机器不仅越来越强大&#xff0…

windows实现自动化按键

1.选择目标窗口 获取窗口句柄 void KeyPresser::selectWindow() {SetWinEventHook(EVENT_SYSTEM_FOREGROUND, EVENT_SYSTEM_FOREGROUND, NULL, WinEventProc, 0, 0, WINEVENT_OUTOFCONTEXT);selectedWindowLabel->setText("请点击目标窗口..."); }void CALLBACK …

直接卖断货了!百元价位现象级蓝牙耳机西圣AVA2究竟有什么亮点

今年五月,目前国内知名耳机品牌xisem西圣全新推出了——西圣AVA2真无线蓝牙耳机,产品一经上市就凭借其奢华的配置性能和超高的性价比迅速获得了消费者的追捧,甚至已出现一机难求的情况,目前西圣品牌称,西圣AVA2现阶段已…

Python机器学习、深度学习技术提升气象、海洋、水文领域实践技术

Python是功能强大、免费、开源,实现面向对象的编程语言,能够在不同操作系统和平台使用,简洁的语法和解释性语言使其成为理想的脚本语言。除了标准库,还有丰富的第三方库,Python在数据处理、科学计算、数学建模、数据挖…

2024黑马AI+若依框架项目开发 个人心得、踩坑和bug记录 全网最快最全 基础功能认识篇

2024黑马AI若依框架项目开发 个人心得、踩坑和bug记录 全网最快最全 基础功能认识篇 你好,我是Qiuner. 为帮助别人少走弯路和记录自己编程学习过程而写博客 这是我的 github https://github.com/Qiuner ⭐️ ​ gitee https://gitee.com/Qiuner 🌹 如果本篇文章帮到…

【中项第三版】系统集成项目管理工程师 | 第 5 章 软件工程① | 5.1 - 5.3

前言 第5章对应的内容选择题和案例分析都会进行考查,这一章节属于技术的内容,学习要以教材为准。 目录 5.1 软件工程定义 5.2 软件需求 5.2.1 需求的层次 5.2.2 质量功能部署 5.2.3 需求获取 5.2.4 需求分析 5.2.5 需求规格说明书 5.2.6 需求变…

Java简易图书管理系统

实体类beans book package com.hwq.beans;//实体类 public class Book {private int id;private String name;private String author;private int number;private boolean isBorrowed;//是否被借出public Book() {}public Book(int id, String name, String author, int numb…

MySQL-事务、日志

事务 特性 原子性 是指事务开始后,必须成功执行完所有的操作才会结束,否则会回滚到事务刚开始前。 拿转账来说,一个成功的 A向B转账100元的过程 会涉及如下过程: A:从数据库读取A的余额;A的余额-100&am…

速度与质量的碰撞——对抗扩散蒸馏 (ADD) 如何彻底改变图像生成

引言 DigiOps 与人工智能是最新和最令人兴奋的进步之一,它是一种将速度和质量融为一体的图像生成技术。 ADD 的发展经历了几个关键阶段。最初,图像生成方法非常基础,而且经常产生不令人满意的结果。生成对抗网络(GAN&#xff09…