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

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

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

相关文章

LRU CaChe(内存替换算法)

六、LURCache 0、LUR Cache概念 LRU是Least Recently Used的缩写,意思是最近最少使用,它是一种Cache替换算法。 什么是Cache?狭义的Cache指的是位于CPU和主存间的快速RAM,通常它不像系统主存那样使用DRAM技术,而使用昂…

统计字符串中出现指定字符的次数

题目 声明一个字符串,内容为‘HelloPython,HelloJava,hellophp’,用户从键盘录入要查询的字符(不区分大小写),要求统计出要查找的字符在字符串中出现的次数 代码 sHelloPython,HelloJava,hellophp wordinput(请输入…

C++ 入门14:STL 容器之向量(vector)

往期回顾: C 入门11:虚函数和多态-CSDN博客 C 入门12:模板(Template)-CSDN博客 C 入门13:异常处理-CSDN博客 C 入门14:STL 容器之向量(vector) 一、前言 在前面文章的…

使用Python进行车牌识别

哈喽,大家好,我是木头左! 1. 车牌识别的重要性 车牌识别是计算机视觉领域的一个重要应用,它可以自动识别车辆的车牌号码。在交通管理、停车场管理、道路监控等领域,车牌识别技术具有广泛的应用前景。本文将介绍如何使用Python进行车牌识别,帮助读者掌握这一技能。 2. 车…

打开磁盘格式为NTFS的磁盘 ntfs磁盘无法打开 移动硬盘出现ntfs怎么打不开了的原因和解决方案

在日常的工作和生活中,移动硬盘作为我们存储和传输数据的重要工具,发挥着不可替代的作用。然而,有时候我们会遇到这样一个问题:移动硬盘突然显示NTFS格式,并且无法正常打开。面对这种情况,我们往往感到束手…

【Android】高端的UI,往往只需要最朴素的控件组成

【Android】高端的UI,往往只需要最朴素的控件组成 Android 作为全球最流行的移动操作系统之一,提供了一套丰富的 UI 控件,使开发者能够构建功能强大、交互性强的应用。本博客系列将探讨 Android UI 控件的功能,介绍最常见的六种控…

实战:Linux下静默安装DM达梦数据库

官方文档参考:安装前准备 | 达梦技术文档 静默安装DM达梦数据库,提前编写好安装脚本、下载好软件、配置好服务器的内核参数信息。 一、安装前的准备 1.操作系统环境检测 #查看服务器操作系统版本和型号 cat /etc/system-release cat /etc/os-releas…

【系统架构设计师】十一、系统架构设计(层次架构风格|MVC|面向服务的架构风格|ESB)

目录 五、层次架构风格 5.1 两层C/S架构 5.2 三层C/S架构 5.3 三层B/S架构 5.4 MVC架构 5.5 MVP架构 5.6 MVVM架构 六、面向服务的架构风格 6.1 SOA特征 6.2 Web Service 6.2.1 关键技术 6.2.2 WEB Service 6.3 企业服务总线ESB 相关推荐 历年真题练习 五、层次…

【MAUI】生命周期

.NET Multi-platform App UI (.NET MAUI) 应用通常有四种执行状态:“未运行”、“运行中”、“已停用”和“已停止”。 当应用从未运行状态转换为运行状态、从运行状态转换为已停用状态、从已停用状态转换为已停止状态、从已停止状态转换为运行状态,以及…

Java并发编程之如何正确的停止线程

在Java线程状态转换中,我们知道,线程最终的命运是Terminated,当然,也有永不停止一直干活的线程(除非断电)。线程的停止,正常来说是线程运行到结束,但也有程序出错或是用户关闭程序等…

new mars3d.graphic.FixedRoute({的position长度超过一百条浏览器会卡死的解决方案

问题场景描述: FixedRoute的position数据已经很精细时,会导致卡死的问题 解决方案: 1. 数据已经很精细时,可以不用autoSurfaceHeight来计算,如果非要用,可以加个minDistance: 200参数。 fixedRoute.auto…

ChatGPT 深度解析:技术驱动的智能对话

在当今科技飞速发展的时代,ChatGPT 无疑成为了最耀眼的明星之一。它以其令人惊叹的智能对话能力,引发了全球范围内的广泛关注和热议。 ChatGPT 背后的技术堪称精妙绝伦。它基于深度学习算法,通过对海量数据的学习和分析,从而能够理…

BasicSR项目(通用图像超分、修复、增强工具库)介绍

项目地址:https://github.com/XPixelGroup/BasicSR 文档地址:https://github.com/XPixelGroup/BasicSR-docs/releases BasicSR 是一个开源项目,旨在提供一个方便易用的图像、视频的超分、复原、增强的工具箱。BasicSR 代码库从2018年4月20日…

【Memcached】Memcached的工作原理

目录 ​编辑 第2章:Memcached工作原理 2.1 数据存储与访问 2.2 分布式架构 2.3 数据过期机制 第2章:Memcached工作原理 2.1 数据存储与访问 Memcached是一种键值存储系统,其中数据以键值对的形式存储。键是用于定位数据的唯一标识符&am…

MySQL架构详解

MySQL是一个广泛使用的开源关系数据库管理系统,以其可靠性、性能和易用性而闻名。了解MySQL的架构对于优化数据库性能、设计高效的数据库系统以及进行有效的数据库管理至关重要。本文将详细介绍MySQL的架构,包括其主要组件和功能。 1. 连接器&#xff0…

libyaml库的交叉编译

目录 1.Ubuntu环境中安装libyaml库 2.交叉编译 3.success 1.Ubuntu环境中安装libyaml库 官方地址:https://pyyaml.org/wiki/LibYAML 下载路径:http://pyyaml.org/download/libyaml/yaml-0.2.5.tar.gz 2.交叉编译 官方的下载路径为/usr/local下&am…

【unity实战】使用unity制作一个红点系统

前言 注意,本文是本人的学习笔记记录,这里先记录基本的代码,后面用到了再回来进行实现和整理 素材 https://assetstore.unity.com/packages/2d/gui/icons/2d-simple-ui-pack-218050 框架: RedPointSystem.cs using System.…

PHP全功能微信投票迷你平台系统小程序源码

🔥让决策变得超简单!🎉 🚀【一键创建,秒速启动】 嘿小伙伴们,你还在为组织投票而手忙脚乱吗?来试试这款全功能投票迷你微信小程序吧!只需轻轻一点,无论是班级选举、社团…

Java创建对象除了new还有别的什么方式?

通过反射创建对象:通过 Java 的反射机制可以在运行时动态地创建对象。可以使用 Class 类的 newInstance() 方法或者通过 Constructor 类来创建对象 public class MyClass { public MyClass() { // Constructor } } public class Main { public…

初学者指南:如何搭建和配置 Nginx 服务器

初学者指南:如何搭建和配置 Nginx 服务器 Nginx 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。本文将详细介绍如何在 Linux 上安装、配置和管理 Nginx 服务器。 一、安装 Nginx Nginx 可以安装在多种操作系统上&#x…