1，基本介绍 （1）插件（Plugin）是一种为 Vue.js 3 添加全局功能的工具代码。Vue.js 3 插件没有严格定义使用范围，但是插件的应用场景主要包括以下 4 种： 通过 app.component 和 app.directive 注册一个或多个全局组件或自定义指令。 通过 app.provide 将一个资源注入整个应用......

组件化开发中，如果我们封装了一个组件 A，接着在组件 B 中使用组件 A，那么组件 A template 上的元素就会被挂载到组件 B template 上的某个位置。最终，应用程序会形成一个 DOM 树结构。 但是在某些情况下，我们希望组件不被挂载到这个组件树上，而是被移动到 Vue.js3 的 app 以外的位置......

Jenkins 是一款开源的自动化服务器，广泛应用于持续集成（CI）和持续部署（CD）领域。通过 Jenkins，开发者可以自动化完成代码构建、测试、部署等一系列工作流程，大大提高开发效率。本文将详细介绍如何在 Linux 服务器上安装配置 Jenkins，并演示如何实现 Vue.js 项目的自动化部署......

在 Vue.js 3 中，部分内置指令支持接收参数、修饰符和值，例如 v-on:click.once="doThis"。其中，click 为参数、once 为修饰符、doThis 为值。同样的，自定义指令也支持接收参数、修饰符和值，下面我将通过样例进行演示。 二、自定义指令的参数和修饰符......

我们知道 Vue.js 内置了 v-show、v-for、v-model 等各种各样的指令。除了使用这些内置指令，Vue.js 也允许我们自定义指令。自定义指令分为以下两种。 自定义局部指令：在组件中通过 directives 选项定义，局部指令只能在当前组件中使用。 自定义全局指令：使用 app 的 directive 方法定义......

在 Vue.js 3 中，除了我们熟悉的模板语法（template），还有一种更底层、更灵活的方式来构建界面：render 函数。配合 h 函数和 JSX 语法，开发者可以像写 JavaScript 一样精确地控制虚拟 DOM 的生成。 提示： 实际上，我们在模板中编写的 HTML 最终也会通过渲染函数生成对应的 VNod......

在前文中我演示了如何实现一个开始时随机移动，但在发现目标后能够自动追踪并且进行攻击的 AI。本文接着演示如何实现 AI 逃跑功能，即 AI 看到玩家角色后会朝玩家角色的反方向移动。 1，准被工作 首先我们需要实现一个可以通过键盘和鼠标操纵移动的角色......

在前面的文章中我演示了 AI 如何发现并发射魔法球攻击目标，但当时的目标是一个静止的石头。当实际中 AI 通常需要攻击移动的目标，例如我们操纵的角色。本文通过样例演示如何制作一个可以追随角色并对角色发动攻击的敌人 AI，该 AI 具有发现角色、跟随角色和攻击角色等基础功能......

我在前文中演示了如何实现 AI 在发现目标时能环绕目标移动，本文继续对其进行改进，让 AI 在环绕目标时对目标发动攻击。攻击的方式有很多种，包括近战攻击、远程攻击等，其中远程攻击需要在远处锁定并攻击目标，可以使用魔法、物理等攻击形式。本文以魔法球远程攻击为例进行演示......

在前两篇教程中，我演示了如何实现 AI 视野感知和目标发现后随机停止移动的效果，但我们会发现 AI 停止移动后并不是正对着面向被发现的目标。本篇将进一步完善 AI 行为：当 AI 发现目标后，锁定并面向敌人。以及让 AI 以环绕运动的方式围绕目标移动，模拟更智能的战术动作......