当前位置: 首页 > news >正文

Spring AOP与静态代理/动态代理

文章目录

  • 一、代理模式
    • 静态代理
    • 动态代理
    • 代理模式与AOP
  • 二、Spring AOP
    • Sping AOP用来处理什么场景
    • jdk 动态代理
    • cglib 动态代理
    • 面试题:讲讲Spring AOP的原理与执行流程
  • 总结


一、代理模式

代理模式是一种结构型设计模式,它允许对象提供替代品或占位符,以控制对这个对象的访问。代理对象通常充当客户端和实际服务对象之间的中介,以实现对服务对象的间接访问。
代理模式的实现有许多种方式,其中最常见的方式是静态代理和动态代理。

静态代理

静态代理是指,在编译期间就已经确定了代理类和目标类的关系,代理类和目标类的关系在程序运行之前就已经确定。下面是一个简单的静态代理模式示例:

假设有一个接口 IPrinter 表示打印机,它有一个 print 方法:

public interface IPrinter {void print(String document);
}

现在有一个实现了 IPrinter 接口的类 Printer

public class Printer implements IPrinter {@Overridepublic void print(String document) {System.out.println("打印机正在打印:" + document);}
}

现在我们想通过代理来记录打印机打印了哪些文件,我们可以创建一个代理类 PrinterProxy

public class PrinterProxy implements IPrinter {private IPrinter printer;public PrinterProxy(IPrinter printer) {this.printer = printer;}@Overridepublic void print(String document) {System.out.println("打印机开始工作,正在打印:" + document);printer.print(document);System.out.println("打印机打印完成。");}
}

PrinterProxy 类实现了 IPrinter 接口,并在 print 方法中调用真正的打印机的 print 方法,同时在这个方法之前和之后打印一些信息来记录打印机工作的情况。

现在我们可以使用以下代码来测试代理类的工作:

IPrinter printer = new Printer();
IPrinter printerProxy = new PrinterProxy(printer);printerProxy.print("茶叶蛋的前端简历");

运行程序后,输出的结果将是:

打印机开始工作,正在打印:茶叶蛋的前端简历
打印机正在打印:茶叶蛋的前端简历
打印机打印完成。

从输出结果可以看出,代理类 PrinterProxy 确实在调用真正的打印机类 Printerprint 方法之前和之后打印了一些信息。这是静态代理模式的基本实现方式。

结合我们生活来理解的话:最常见就是在大城市里租房了,房源太多,你忙于工作,此时你找了个代理人(上面👆的代理类) ,帮你处理找房子这个事(你的业务逻辑)。这里时候代理人就可以在找房子🏠这个事的前前后后(@defore @after @around 等)做文章了。例如,在找房子之前给你索取代理费(织入的逻辑)。找到房子帮你办理入住手续。

动态代理

Java提供了动态代理的支持,通过Java反射机制可以实现动态代理。我们可以使用Java自带的 java.lang.reflect.Proxy 类来实现动态代理。

以静态代理的打印机为例,我们可以使用动态代理来生成代理类。需要实现一个 InvocationHandler 接口,该接口包含一个 invoke 方法,我们可以在这个方法中实现代理的逻辑。

示例代码如下:

import java.lang.reflect.InvocationHandler;
import java.lang.reflect.Method;
import java.lang.reflect.Proxy;interface IPrinter {void print(String document);
}class Printer implements IPrinter {@Overridepublic void print(String document) {System.out.println("打印机正在打印:" + document);}
}class PrinterHandler implements InvocationHandler {private Object target;public PrinterHandler(Object target) {this.target = target;}@Overridepublic Object invoke(Object proxy, Method method, Object[] args)throws Throwable {System.out.println("打印机开始工作,正在打印:" + args[0]);Object result = method.invoke(target, args);System.out.println("打印机打印完成。");return result;}
}public class Main {public static void main(String[] args) {Printer printer = new Printer();PrinterHandler handler = new PrinterHandler(printer);IPrinter printerProxy = (IPrinter) Proxy.newProxyInstance(printer.getClass().getClassLoader(),printer.getClass().getInterfaces(),handler);printerProxy.print("茶叶蛋的简历");}
}

在此示例中,我们实现了 InvocationHandler 接口,并在 invoke 方法中实现了代理逻辑。在 main 方法中,我们首先创建了一个真正的打印机类 Printer 的实例,然后创建了一个 PrinterHandler 对象并将其传递给 Proxy.newProxyInstance 方法,该方法返回一个实现了 IPrinter 接口的代理类的实例。

在运行过程中,当使用代理类的 print 方法时,它将被拦截并调用 PrinterHandlerinvoke 方法,该方法将在真实的打印机类 Printerprint 方法之前和之后执行一些逻辑。

从输出结果可以看出,动态代理确实实现了和静态代理相同的代理逻辑。

打印机开始工作,正在打印:茶叶蛋的简历
打印机正在打印:茶叶蛋的简历
打印机打印完成。

代理模式与AOP

代理模式和AOP(面向切面编程)是两个不同的概念,但在某些方面存在相似之处。

代理模式是一种结构型设计模式,用于为其他对象提供一个替代或协助的代理对象,控制对原始对象的访问。代理对象通常具有与原始对象相同的接口,因此可以无缝地替换原始对象,但在访问原始对象时,代理对象可以执行额外的逻辑或限制,比如缓存对象或限制访问。

AOP是一种编程范式,用于将通用功能与应用程序的业务逻辑相分离。AOP通过在程序中定义切面(横切关注点)并在运行时将它们与各种连接点(方法调用、异常处理等)连接起来,实现了针对具体业务逻辑之外的通用功能的重用。

虽然代理模式可以在一定程度上实现AOP,但AOP是更高级别的概念,涵盖了更广泛的应用,包括动态代理、依赖注入、解耦等方面。因此,代理模式只是AOP的一种实现方式,而AOP更多地考虑了程序的整体结构和可维护性。

切面理解:
请添加图片描述

二、Spring AOP

2)使用AOP需要的一些概念。

1.通知(Advice)

通知定义了在切入点代码执行时间点附近需要做的工作。支持五种类型的通知:

Before(前) org.apringframework.aop.MethodBeforeAdvice
After-returning(返回后) org.springframework.aop.AfterReturningAdvice
After-throwing(抛出后) org.springframework.aop.ThrowsAdvice
Arround(周围) org.aopaliance.intercept.MethodInterceptor
Introduction(引入) org.springframework.aop.IntroductionInterceptor

2.连接点(Joinpoint)
程序能够应用通知的一个“时机”,这些“时机”就是连接点,例如方法调用时、异常抛出时、方法返回后等等。

3.切入点(Pointcut)

通知定义了切面要发生的“故事”,连接点定义了“故事”发生的时机,那么切入点就定义了“故事”发生的地点,例如某个类或方法的名称,Spring中允许我们方便的用正则表达式来指定。

4.切面(Aspect)

通知、连接点、切入点共同组成了切面:时间、地点和要发生的“故事”。

5.引入(Introduction)

引入允许我们向现有的类添加新的方法和属性(Spring提供了一个方法注入的功能)。

6.目标(Target)

即被通知的对象,如果没有AOP,那么通知的逻辑就要写在目标对象中,有了AOP之后它可以只关注自己要做的事,解耦合

7.代理(proxy)
应用通知的对象,详细内容参见设计模式里面的动态代理模式。

8.织入(Weaving)
把切面应用到目标对象来创建新的代理对象的过程,织入一般发生在如下几个时机:

(1)编译时:当一个类文件被编译时进行织入,这需要特殊的编译器才可以做的到,例如AspectJ的织入编译器;

(2)类加载时:使用特殊的ClassLoader在目标类被加载到程序之前增强类的字节代码;

(3)运行时:切面在运行的某个时刻被织入,SpringAOP就是以这种方式织入切面的,原理应该是使用了JDK的动态代理技术。

Sping AOP用来处理什么场景

下面是一个简单的基于Spring AOP的例子:

首先,定义一个接口UserService和实现类UserServiceImpl

public interface UserService {void addUser(User user);User getUser(int id);
}@Service
public class UserServiceImpl implements UserService {private Map<Integer, User> users = new HashMap<>();@Overridepublic void addUser(User user) {users.put(user.getId(), user);}@Overridepublic User getUser(int id) {return users.get(id);}
}

然后,定义一个切面LoggingAspect来记录方法的执行时间:

@Aspect
@Component
public class LoggingAspect {private Logger logger = LoggerFactory.getLogger(getClass());@Around("execution(* com.example.demo.UserService.*(..))")public Object logExecutionTime(ProceedingJoinPoint joinPoint) throws Throwable {long start = System.currentTimeMillis();Object proceed = joinPoint.proceed();long executionTime = System.currentTimeMillis() - start;logger.info(joinPoint.getSignature() + " executed in " + executionTime + " ms");return proceed;}
}

在这个切面中,我们定义了一个@Around通知,用于环绕目标方法的执行。在执行方法前记录当前时间,执行方法后计算时间差,并将结果输出到日志中。

最后,在Spring配置文件中开启AOP:

<beans><context:component-scan base-package="com.example.demo"/><aop:aspectj-autoproxy/>
</beans>

使用<aop:aspectj-autoproxy>标签,Spring会自动查找所有被@Aspect注解标记的切面,并为它们创建代理对象。

现在,我们可以注入UserService并调用它的方法,来测试AOP是否生效:

@Controller
public class UserController {@Autowiredprivate UserService userService;@GetMapping("/user/{id}")@ResponseBodypublic String getUser(@PathVariable int id) {userService.getUser(id);return "User retrieved";}@PostMapping("/user")@ResponseBodypublic String addUser(@RequestBody User user) {userService.addUser(user);return "User added";}
}

当我们访问/user/{id}/user时,控制台会输出类似于下面的日志:

com.example.demo.UserServiceImpl@xxxx executed in 10 ms

jdk 动态代理

JDK动态代理是一种在运行时动态生成代理类的机制,所以也被称为运行时代理。它主要涉及到以下两个核心类:

  1. java.lang.reflect.Proxy:该类是实现动态代理的关键类,它提供了构造代理类实例所需的方法。
  2. java.lang.reflect.InvocationHandler:该接口是实际处理代理对象方法调用的地方,通过调用它的 invoke() 方法实现代理对象的方法调用。

JDK动态代理的实现原理:

  • 定义一个接口或者抽象类,指定了需要被代理的方法。
  • 创建一个实现 InvocationHandler 接口的类,它需要实现 invoke() 方法,该方法是代理类的调用处理器,负责处理被代理对象的方法调用。
  • 通过 Proxy 类的静态方法 newProxyInstance() 获取代理对象实例,该方法接收三个参数:ClassLoader、Class[] 和 InvocationHandler。其中,ClassLoader 是代理类的 ClassLoader,Class[] 是指定被代理类实现的接口列表,InvocationHandler 是实现了 invoke() 方法的调用处理器对象。
  • 当代理对象的方法被调用时,代理对象会调用 InvocationHandler 实例的 invoke() 方法。该方法使用 Method 对象来调用实际的被代理对象的方法,并返回结果。

总体来说,JDK动态代理的实现过程涉及到反射和动态生成类的机制,它可以在运行时创建代理对象,并将代理对象的方法调用转发给 InvocationHandler 接口的实现类处理。

cglib 动态代理

CGLIB(Code Generation Library)是一个基于ASM(一个 Java 字节码操作框架)的代码生成库,它可以在运行时动态生成字节码,从而实现动态代理、AOP 等功能。

相比于 Java 中的 JDK 动态代理,CGLIB 动态代理具有以下特点:

  1. JDK 动态代理只能代理接口,而 CGLIB 可以代理普通类;
  2. JDK 动态代理调用代理方法时需要通过反射调用,而 CGLIB 利用字节码技术直接调用方法,性能更高。

CGLIB 动态代理的基本原理是继承原始类或实现接口,并在子类中重写原始类或接口的方法,在方法中添加前置、后置等代理逻辑。CGLIB 动态代理一般使用 Enhancer 类来实现,其核心 API 包括:

  1. setSuperclass:设置被代理类的父类;
  2. setCallback:设置回调对象;
  3. create:创建代理对象。

使用 CGLIB 动态代理可以实现更加灵活的代理逻辑,但是代理对象的创建和调用会消耗更多的资源,需要根据实际情况进行使用。

面试题:讲讲Spring AOP的原理与执行流程

Spring AOP(面向切面编程)是一种通过动态代理或字节码增强等技术,在程序运行期间对指定方法进行增强的技术。Spring AOP的原理是基于动态代理技术,利用Java的反射机制,在不改变原有代码的情况下,对指定方法进行增强。它提供了一种使程序横向通用化的能力,比如事务管理、日志记录等功能。在Spring AOP中,切面是应用横向关注点的一种特殊对象,而横向关注点是指跨越应用程序多个接口的功能或行为,比如安全,事务,日志等。

执行流程如下:

首先,程序通过配置文件或注解,定义好需要被增强的方法,以及增强的方式。Spring AOP提供了五个增强类型,分别是前置增强(Before Advice),后置增强(After Advice),环绕增强(Around Advice),异常抛出增强(After-Throwing Advice)和最终增强(After-Finally Advice

然后,Spring框架在程序运行期间,根据这些定义,动态生成一个代理对象

当程序调用被增强的方法时,代理对象会先调用相应的增强方法,然后再执行被增强的方法。

在增强方法中,可以进行一些额外的处理,例如记录日志、验证权限、性能统计等。

最后,程序返回执行结果。


总结

我们一开始简单的初步认识了下代理模式,其中常见的实现方式有静态代理与动态代理,同时写了打印机🖨️的调用时机代码。接着我们思考🤔代理模式和我们使用spring aop有什么联系?简单的了解aop 与spring aop的实现方式。 最后我们比较了jdk 与cglib 的代理模式 ,接着简单过一遍Spring aop 的原理与执行流程。

相关文章:

Spring AOP与静态代理/动态代理

文章目录 一、代理模式静态代理动态代理代理模式与AOP 二、Spring AOPSping AOP用来处理什么场景jdk 动态代理cglib 动态代理面试题&#xff1a;讲讲Spring AOP的原理与执行流程 总结 一、代理模式 代理模式是一种结构型设计模式&#xff0c;它允许对象提供替代品或占位符&…...

【LeetCode算法系列题解】第51~55题

CONTENTS LeetCode 51. N 皇后&#xff08;困难&#xff09;LeetCode 52. N 皇后 II&#xff08;困难&#xff09;LeetCode 53. 最大子序和&#xff08;中等&#xff09;LeetCode 54. 螺旋矩阵&#xff08;中等&#xff09;LeetCode 55. 跳跃游戏&#xff08;中等&#xff09; …...

驱动开发错误汇编

本博文将会不定期更新。以便记录我的驱动开发生涯中的一些点点滴滴的技术细节和琐事。 1. link阶段找不到导出函数 比如"LNK2019 无法解析的外部符号 _FltCreateCommunicationPort32"。 出现这种情况的原因是&#xff0c;驱动的编译环境忽略了所有的默认库&#x…...

知识图谱项目实践

目录 步骤 SpaCy Textacy——Text Analysis for Cybersecurity Networkx Dateparser 导入库 写出页面的名称 ​编辑 自然语言处理 词性标注 可能标记的完整列表 依存句法分析&#xff08;Dependency Parsing&#xff0c;DEP&#xff09; 可能的标签完整列表 实例理…...

stable diffusion实践操作-提示词-人物属性

系列文章目录 stable diffusion实践操作-提示词 文章目录 系列文章目录前言一、提示词汇总1.1 人物属性11.2 人物属性2 前言 本文主要收纳总结了提示词-人物属性。 一、提示词汇总 1.1 人物属性1 角色类型人物身材胸部头发-发型头发-发色[女仆][霊烏路空][大腿][乳房][呆毛…...

RabbitMQ的安装和配置

将RabbitMQ文件夹传到linux根目录 开启管理界面及配置...

WebRTC 日志

WebRTC 日志 flyfish WebRTC支持的日志等级 // // The meanings of the levels are: // LS_VERBOSE: This level is for data which we do not want to appear in the // normal debug log, but should appear in diagnostic logs. // LS_INFO: Chatty level used in de…...

【python爬虫】16.爬虫知识点总结复习

文章目录 前言爬虫总复习工具解析与提取&#xff08;一&#xff09;解析与提取&#xff08;二&#xff09;更厉害的请求存储更多的爬虫更强大的爬虫——框架给爬虫加上翅膀 爬虫进阶路线指引解析与提取 存储数据分析与可视化更多的爬虫更强大的爬虫——框架项目训练 反爬虫应对…...

Windows系统中Apache Http服务器简单使用

1 简介 Apache HTTP服务器是一个开源的、跨平台的Web服务器软件。它由Apache软件基金会开发和维护。Apache HTTP服务器可以在多种操作系统上运行&#xff0c;如Windows、Linux、Unix等&#xff0c;并且支持多种编程语言和技术&#xff0c;如PHP、Perl、Python、Java等。…...

Django ORM 框架中的表关系,你真的弄懂了吗?

Django ORM 框架中的表关系 为了说清楚问题&#xff0c;我们设计一个 crm 系统&#xff0c;包含五张表&#xff1a; 1.tb_student 学生表 2.tb_student_detail 学生详情表 3.tb_salesman 课程顾问表 4.tb_course 课程表 5.tb_entry 报名表 表关系和字段如下图&#xff1a…...

第五课:C++实现加密PDF文档解密

请注意,未经授权的加密PDF文件解密是非法的,本文仅为学术和研究目的提供参考。 打开加密的PDF文件并获取密钥 在C++中,可以使用pdfium库打开加密的PDF文件。使用pdfium库中的FPDF_LoadCustomDocument函数可以打开具有自定义访问权限的加密文件。该函数接受一个IFX_FileRead*…...

罗马数字转整数

罗马数字转整数 题目: 罗马数字包含以下七种字符: I&#xff0c; V&#xff0c; X&#xff0c; L&#xff0c;C&#xff0c;D 和 M。字符 数值 I 1 V 5 X 10 L 50 C 100 D 500 M …...

processflow流程图多人协作预热

前言 在线上办公如火如荼的今天&#xff0c;多人协作功能是每个应用绕不开的门槛。processflow在线流程图&#xff08;前身基于drawio二次开发&#xff09;沉寂两年之久&#xff0c;经过长时间设计开发&#xff0c;调整&#xff0c;最终完成了多人协作的核心模块设计。废话不多…...

PCL点云处理之快速计算多个点到同一直线的距离(二百零五)

PCL点云处理之快速计算多个点到同一直线的距离(二百零五) 一、算法简介二、具体实现1.代码2.结果一、算法简介 点到直线的距离计算,是一种常用的算法,在点云处理中,经常遇到需要计算多个点云到同一条直线的距离计算需求,此时若是逐点计算将耗费大量的时间,熟悉点到直线…...

xxl-job 任务调度搭建及简单使用

xxl-job是开源架构&#xff0c;可以通过它实现调度中心和执行器。 git地址和 官网中进行了详细的技术说明。   xxl-job支持单机部署和集群式部署&#xff0c;在集群式部署中又可以实现调度中心集群式部署和执行器集群式部署。本文主要针对调度中心和执行器分离单机部署方式进…...

mysql数据库使用技巧整理

查看当前数据库已建立的client连接 > SHOW VARIABLES LIKE max_connections; -- 查看数据库允许的最大连接数&#xff0c;不是实时正在使用的连接数 > SHOW STATUS LIKE Threads_connected; -- 查看当前数据库client的连接数 > SHOW PROCESSLIST; -- 查看具体的连接...

车规微控制器的ECC机制及EMU外设

车规微控制器的ECC机制及EMU外设 文章目录 车规微控制器的ECC机制及EMU外设引言ECC的基本原理ECC RAM的访问方式ECC RAM的初始化SRAM ECC错误注入及EMU外设Flash ECC校验参考文献 引言 ECC是微控制器系统中&#xff0c;用于保障信息安全的常用机制&#xff0c;主要是避免存储设…...

Less的强大变量用法

less中的变量应用十分强大&#xff0c;可以灵活的应用到各种不同需求的场景。 一&#xff0c;属性值变量 声明&#xff1a;sass声明变量是用$符号&#xff0c;而less声明变量是用符号 作用域&#xff1a;也区分为全局变量和局部变量&#xff0c;如果引用的变量有定义局部变量&…...

【相机标定】opencv python 标定相机内参时不计算 k3 畸变参数

文章目录 1. 背景2. 完整的 opencv python 标定相机内参过程3. 选择是否计算畸变参数 k3 1. 背景 畸变参数 k3 通常用于描述径向畸变的更高阶效应&#xff0c;即在需要高精度的应用中可以用到&#xff0c;一般的应用中 k1, k2 足矣。 常见的应用中&#xff0c; orbslam3 中是否…...

html 标签简介

概述 标签的效果不重要&#xff0c;重要的是标签的语义。 文本标签 文本标签用于包裹&#xff1a;词汇、短语等。排版标签&#xff0c;比如div,p,h1等。排版标签更宏观&#xff08;大段的文字&#xff09;&#xff0c;文本标签更微观&#xff08;词汇、短语&#xff09;。文…...

uniapp 对接腾讯云IM群组成员管理(增删改查)

UniApp 实战&#xff1a;腾讯云IM群组成员管理&#xff08;增删改查&#xff09; 一、前言 在社交类App开发中&#xff0c;群组成员管理是核心功能之一。本文将基于UniApp框架&#xff0c;结合腾讯云IM SDK&#xff0c;详细讲解如何实现群组成员的增删改查全流程。 权限校验…...

深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录

ASP.NET Core 是一个跨平台的开源框架&#xff0c;用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录&#xff0c;以帮助监视应用程序行为和诊断问题。 可以通过配置不同的记录提供程…...

Mybatis逆向工程,动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件

今天呢&#xff0c;博主的学习进度也是步入了Java Mybatis 框架&#xff0c;目前正在逐步杨帆旗航。 那么接下来就给大家出一期有关 Mybatis 逆向工程的教学&#xff0c;希望能对大家有所帮助&#xff0c;也特别欢迎大家指点不足之处&#xff0c;小生很乐意接受正确的建议&…...

大数据零基础学习day1之环境准备和大数据初步理解

学习大数据会使用到多台Linux服务器。 一、环境准备 1、VMware 基于VMware构建Linux虚拟机 是大数据从业者或者IT从业者的必备技能之一也是成本低廉的方案 所以VMware虚拟机方案是必须要学习的。 &#xff08;1&#xff09;设置网关 打开VMware虚拟机&#xff0c;点击编辑…...

屋顶变身“发电站” ,中天合创屋面分布式光伏发电项目顺利并网!

5月28日&#xff0c;中天合创屋面分布式光伏发电项目顺利并网发电&#xff0c;该项目位于内蒙古自治区鄂尔多斯市乌审旗&#xff0c;项目利用中天合创聚乙烯、聚丙烯仓库屋面作为场地建设光伏电站&#xff0c;总装机容量为9.96MWp。 项目投运后&#xff0c;每年可节约标煤3670…...

项目部署到Linux上时遇到的错误(Redis,MySQL,无法正确连接,地址占用问题)

Redis无法正确连接 在运行jar包时出现了这样的错误 查询得知问题核心在于Redis连接失败&#xff0c;具体原因是客户端发送了密码认证请求&#xff0c;但Redis服务器未设置密码 1.为Redis设置密码&#xff08;匹配客户端配置&#xff09; 步骤&#xff1a; 1&#xff09;.修…...

JAVA后端开发——多租户

数据隔离是多租户系统中的核心概念&#xff0c;确保一个租户&#xff08;在这个系统中可能是一个公司或一个独立的客户&#xff09;的数据对其他租户是不可见的。在 RuoYi 框架&#xff08;您当前项目所使用的基础框架&#xff09;中&#xff0c;这通常是通过在数据表中增加一个…...

Java + Spring Boot + Mybatis 实现批量插入

在 Java 中使用 Spring Boot 和 MyBatis 实现批量插入可以通过以下步骤完成。这里提供两种常用方法&#xff1a;使用 MyBatis 的 <foreach> 标签和批处理模式&#xff08;ExecutorType.BATCH&#xff09;。 方法一&#xff1a;使用 XML 的 <foreach> 标签&#xff…...

七、数据库的完整性

七、数据库的完整性 主要内容 7.1 数据库的完整性概述 7.2 实体完整性 7.3 参照完整性 7.4 用户定义的完整性 7.5 触发器 7.6 SQL Server中数据库完整性的实现 7.7 小结 7.1 数据库的完整性概述 数据库完整性的含义 正确性 指数据的合法性 有效性 指数据是否属于所定…...

为什么要创建 Vue 实例

核心原因:Vue 需要一个「控制中心」来驱动整个应用 你可以把 Vue 实例想象成你应用的**「大脑」或「引擎」。它负责协调模板、数据、逻辑和行为,将它们变成一个活的、可交互的应用**。没有这个实例,你的代码只是一堆静态的 HTML、JavaScript 变量和函数,无法「活」起来。 …...