基于vue3实现的聊天机器人前端（附代码）
<template><div class="container">
<!-- 页面头部 -->
<header>
<h1>跟它说说话吧！</h1>
<p>一个活泼的伙伴，为你提供情感支持！</p>
</header>
<!-- 聊天容器 -->
<div class="chat-container">
<!-- 聊天记录显示区 -->
<div id="chatbox" ref="chatbox" class="chatbox"></div>
<!-- 输入框和发送按钮 -->
<div class="input-container">
<input v-model="message" @keydown.enter="sendMessage" placeholder="输入消息...">
<button @click="sendMessage">
页:
[1]