安装HIGHLIGHT.JS
首先，使用 npm 安装 highlight.js：
npm install highlight.js @highlightjs/vue-plugin
引入HIGH
注意，这里的flex布局用的是tailwindcss的flex类，而不是css的flex属性。道理是一样的，只是写法不同。
横向排列
从左到右排列：FLEX FLEX-ROW
实践下来，发现fle
我想做出两个对话框，一个是用户的询问，一个是机器人的回答。怎么做呢？
我想到的主要是用flex和flex-row-reverse来控制头像和对话框的方向。
最简单的方法是做两个组件，一个是用户头像
首先，手机和电脑要在同一个局域网内。
查看本地局域网的IP地址
mac下，wifi设置-详细信息-复制IP地址
修改VITE.CONFIG.JS
因为默认情况下，vite只允许本地访问即127.0
安装ICONS-VUE
npm install @element-plus/icons-vue
在MAIN.TS中引入
import * as ElementPlusIconsVue from ‘
computed属性有两个特点：
1. 响应式：当依赖的数据发生变化时，computed属性会自动更新。
2. 缓存：只有依赖的数据发生变化时，computed属性才会重新计算。
COMPUT
开启一个VUE项目
npm create vue@latest
安装TAILWINDCSS
首先，使用 NPM 安装 Tailwind 以及其它依赖项:
npm install -D tailw
开启一个VUE项目
npm create vue@latest
安装ELEMENT-PLUS
npm install element-plus
完整引入
import { createApp