Vue3 + VueRouter + Vite + pinia组件化开发实战入门

于 2022-11-07 15:48:49 发布
阅读量598 收藏
点赞数
分类专栏： Vue3组件化开发实战 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41861301/article/details/127732709
版权
这是一门针对Vue3的组件化开发实战入门教程，采用Vue3的组合式API，不涉及选项式API，适合初学者。课程通过一个博客案例整合Vue3, VueRouter, Vite和pinia的技术点，强调实战应用，旨在帮助开发者快速上手。与其他教程不同，本课程注重知识点在实际开发中的应用，提供真实后端API接口，使学习者了解前后端工作原理。" 117820818,8753399,测试boost::mp11::mp_max_element,"['C++编程', '模板元编程', 'boost库']
摘要由CSDN通过智能技术生成

前言

本教程命名为 《Vue3 + VueRouter + Vite + pinia组件化开发实战入门》，本课程融合了Vue3组件化开发相关几个技术栈，相关案例全部采用Vue3提供的组合式 API (Composition API)进行讲解， 并且不会涉及选项式API，这对刚开始学习Vue的同学非常友好，不会有固有思维的限制，上手更加容易！

本课程作为前端组件化开发的入门实战课程，力求精简，将通过一个博客的案例整合相关的技术点，以及每一个技术点在实战中的基础应用，以实战为最终目的，力求能带领大家快速上手。

本课程与其他课程的区别

Vue3相关的课程网上可能有一大堆，不得不说现在获取知识太便捷了，我自己也是磕磕绊绊一路走过来的，踩过无数的坑。 与很多人一样，在看了很多视频教程之后，发现大部分教程只

了解本专栏 订阅专栏 解锁全文 超级会员免费看
轻编程
关注
专栏目录
订阅专栏
博客
Godot《躲避小兵》实战之为游戏添加音效
08-24 948
现在，我们已经完成了游戏的所有功能。以下是一些剩余的步骤，为游戏加点“料”，改善游戏体验。随意用你自己的想法扩展游戏玩法。
博客
Godot《躲避小兵》实战之游戏开始界面制作
08-22 974
我们的游戏还需要用户可操作的界面，比如开始游戏，退出以及显示分数等UI界面。创建新场景，点击“其他节点”按钮，然后添加一个 CanvasLayer 节点并命名为HUD。“HUD”是“heads-up display”（游戏信息显示）的缩写，是覆盖在游戏视图上显示的信息。CanvasLayer节点可以让我们在游戏的其他部分的上一层绘制 UI 元素，这样它所显示的信息就不会被任何游戏元素（如玩家或敌人）所覆盖。ScoreTimerUI 元素的基本节点是 Control。
博客
Godot《躲避小兵》实战之创建游戏主场景
08-22 1119
现在是时候将我们所做的一切整合到一个可玩的游戏场景中了。创建新场景并添加一个 Node节点，命名为Main。（我们之所以使用 Node 而不是 Node2D，是因为这个节点会作为处理游戏逻辑的容器使用。本身是不需要 2D 功能的。点击按钮（由链条图标表示）并选择保存的。现在，将下列节点添加为MainMobTimerScoreTimerStartTimer即计时器节点，是一种倒计时器，也是引擎中最简单的处理基于时间的逻辑的方法。计时器在等待 wait_time结束后就会发出 timeout 信号。
博客
Godot《躲避小兵》实战之创建敌人
08-22 1040
是时候创建一些玩家必须躲避的敌人了。它的行为很简单：怪物将随机生成在屏幕的边缘，沿着随机的方向直线移动。我们将创建一个Mob的怪物场景，以便在游戏中独立实例化出任意数量的怪物。
博客
Godot《躲避小兵》实战之编写玩家代码
08-18 705
在这一节我们将用代码来控制玩家的动作、动画，并将其设置为检测碰撞。为此，我们就需要让脚本与场景关联，要为玩家场景Player添加关联的脚本，我们需要选中Player节点，然后点击场景模块的搜索框旁边的按钮即可！在弹出的脚本设置窗口中，我们维持默认设置。点击创建，并将其保存在scripts目录中。这将是我们第一次接触GDScript语言，它的许多特性都参考了Python，如果你有Python基础的话，这个语言上手是非常容易的，它是一个纯面向对象的脚本语言，有面向对象的所有特性！
博客
Godot《躲避小兵》实战之创建玩家场景
08-15 798
项目设置完之后，我们就可以开始处理玩家控制的角色。这里我们将玩家放在一个单独的场景当中，这样做的好处是在游戏的其他部分做出来之前，我们就可以对其进行单独测试。
博客
Godot《躲避小兵》实战之设置项目
08-13 382
通过之前的学习我们已经基本了解了godot的界面，知道如何创建项目以及节点。那么，从这一章节我们将进入godot官方给我们提供的一个2D游戏开发的小教程进行入手，这个游戏并不是我自己的作品，而是我通过学习完之后，对其进行优化的一个改进版，是对官方教程的一个补充，并且融入了个人的一些理解与学习成果的记录！如果您觉得我的教程无法理解与消化，那么请移步官方！
博客
Godot的节点与场景
08-02 1168
要深入的理解节点与场景，我们需要跳出这两个概念来看他。说的再直白一些！场景的概念应该在我们平时看电影看电视时会经常提到，比如某一个打斗的场景，这个场景可能会被设在某一个街道，那么这个街道上肯定有路人，有房子，有商店，有过往的汽车等等一些元素！那么这些元素就是构成这个场景的节点！但是这些元素又可能是另外的独立的场景，比如路上的这个商店里有售货员，有货架，有收银台等等，这些元素又构成了一个房子的场景！所以，场景就是一个树状结构！有网页开发经验的开发者可能会更能明白这一点！
博客
godot新建项目及设置外部编辑器为vscode
07-25 763
②处是VScode的编辑器的完整路径，vscode的完整路径可以在桌面找到快捷方式，鼠标右键属性即可看到如下图所示，把目标中的路径复制到这里即可！开发游戏我们免不了要编写代码，俗活说：“工欲善其事必先利其器”，godot默认自带的代码编辑器没有代码高亮及代码提示功能，那么这里我就需要借助外部代码编辑器VScode！鼠标右键在新建的文件上点击，弹出菜单栏，选择打开，这里不出意外则可以成功启动vscode编辑器！选择菜单中的编辑器，点击下拉菜单中的第一项编辑器设置，会弹出如下界面。
博客
初识godot游戏引擎并安装
07-21 2522
Godot是一款自由开源、由社区驱动的2D和3D游戏引擎。游戏开发虽复杂，却蕴含一定的通用规律，正是为了简化这些通用化的工作，游戏引擎应运而生。Godot引擎作为一款功能丰富的跨平台游戏引擎，通过统一的界面支持创建2D和3D游戏。它提供了一套全面的通用工具，使得用户能够专注于游戏制作本身，无需从头开始构建基础功能。
博客
Rye一个强大的Python包管理工具
06-04 977
这是一个由Flask框架作者用rust开发并维护的一个python包管理工具，经过个人体验和使用还是非常不错的，尽管它还并非正式版本，但其易用性和便捷性均值得我们来体验！其中他对python各版本的管理比其他同类工具要好，安装rye可以不用提前再去安装python，当你项目用到那个版本时再去安装对应的版本即可！并且可以用虚拟环境来管理项目，而且默认创建的虚拟环境就在项目根目录，既可以使用rye默认命令来管理虚拟环境，还支持通过pip来安装包！
博客
Python中的else魔法：不止是if
05-03 482
这些是 else 关键字在 Python 中常见的用法。它们可以帮助你在特定条件或循环的情况下执行不同的代码逻辑，或者在异常处理中提供额外的操作。根据具体的需求和场景，你可以选择适当的用法来实现所需的功能。
博客
Python实现图片（合并）转PDF
03-11 680
在日常的工作和学习过程当中，我相信很多人遇到过这样一个很普通的需求，就是将某一个图片转为PDF或者是将多个图片合并到一个PDF文件。但是，在苦苦搜寻一圈之后发现要么要下载软件，下载了还要注册，注册了还要VIP，甚至SVIP才能实现这样的需求！今天，我带大家把这个功能打下来！这个文件夹中的这些图片就是我们今天的主要任务，将这些图片按照顺序合并到一个PDF文件！
博客
通过Python pypdf库轻松拆分大型PDF文件
03-11 1112
2011到2016年之间，在此基础上又诞生了一个PyPDF2的分支，这个分支其实是真正走到大众面前的一个库，在很多优秀的python书籍中都能看到该库的身影。好在开源的力量是无穷的，正所谓，天下大势，合久必分，分久必合，2023年pypdf回归本源，PyPDF2 被合并回 pypdf，现在的名称全部为小写，成为没有数字的pypdf!pypdf最早可以追溯到2005年开源发布，最早名称是"pyPdf"，中间的P是大写的，是一个纯python库，这个库一直持续到2010年的pyPdf1.13最后一个版本！
博客
Win11系统实现adb命令向安卓子系统安装APP
02-29 1527
Win11系统实现通过adb命令向安卓子系统安装已下载好的apk包。要实现以上目标，我们需要用到一个Android SDK 的组件Android SDK Platform-Tools！这个组件呢其实是被包含在 Android Studio中的，如果你对安卓开发有所了解对此应该不会陌生，当然如果我们对安卓开发一无所知也不影响我们使用该组件来实现以上目标的!
博客
Win11系统安装安卓子系统教程
02-29 3901
随着Win11系统的不断普及，以及硬件设备的更新换代，我相信很多同学都已经更新并使用到了最新的Win11系统。那么，Win11系统最受期待的功能“Windows Subsystem for Android”（简称WSA），即《安卓子系统》。他可以让你在Win11 PC上直接安装运行各种安卓手机APP应用与游戏，无需安装第三方模拟器或虚拟机。
博客
pypinyin，一个超级实用的 Python 库！
02-18 1014
Python pypinyin 是一个用于将汉字转换为拼音的 Python 库。它基于汉字拼音数据表，提供了简单而强大的 API，可以满足各种汉字转拼音的需求。pypinyin 库支持多种拼音风格和输出格式，同时还提供了丰富的参数选项，使得用户可以根据自己的需求定制转换结果。如果默认的拼音风格无法满足需求，可以通过继承 Style 类来定义自定义的拼音风格。result = pinyin('中国', style=MyStyle.CUSTOM_STYLE)
博客
pyjwt，一个强大的 Python 库！
02-16 1380
PyJWT是一个用于创建、解析和验证JSON Web Tokens（JWT）的Python库。JWT是一种紧凑且自包含的方式，用于在网络应用之间安全地传输信息。它由三部分组成：头部、载荷和签名。PyJWT库能够轻松地处理JWT，并在Python应用程序中实现身份验证和信息传输的安全性。除了使用默认的过期时间外，PyJWT还可以自定义过期时间处理逻辑，以满足特定的需求。例如，可以在解析JWT时检查过期时间，并根据情况进行处理。
博客
poetry，一个超实用的 Python 库！
02-16 2649
Python Poetry 是一个专注于 Python 项目依赖管理的工具，它提供了一种简洁而强大的方式来定义项目依赖、创建虚拟环境、构建和发布 Python 包。与传统的依赖管理工具相比，Python Poetry 具有更加简洁的语法、更加直观的操作界面和更高效的依赖解析算法，使得项目的依赖管理变得更加简单和可靠。Python Poetry 使用 pyproject.toml 文件来定义项目的依赖和配置信息，这种格式简洁明了，易于理解和维护。
博客
solara，一个超级厉害的 Python 库！
02-13 630
Python Solara 是一个基于 Python 的工具库，用于太阳能系统的建模、优化和分析。它提供了一系列功能强大的工具和模型，包括光伏电池、光伏组件、太阳能光照、阴影分析等。Python Solara 的设计理念是简单易用，它提供了直观的接口和丰富的功能，使得用户能够快速构建太阳能系统模型，并进行性能优化和分析。Python Solara 是一个强大的太阳能系统建模和优化工具，为用户提供了丰富的功能和直观的界面，使得太阳能系统的建模和优化变得更加简单和高效。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值