# Vue (https://talivia.com/zh-CN/docs/installation-guides/vue)



请将 Talivia 脚本加入加载 Vue 应用的 HTML 文件。




## 使用 Vite 的 Vue [#使用-vite-的-vue]

打开 `index.html`，将代码片段放在 `body` 末尾附近。

```html
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID"></script>
```

## 类似 Nuxt 的项目 [#类似-nuxt-的项目]

如果 Vue 项目提供全局应用模板或头部/脚本配置，请只在全局加入一次相同的追踪器，不要在各个页面中重复添加。

```html
<script defer src="https://talivia.com/script.js" data-website-id="YOUR_WEBSITE_ID"></script>
```

请替换 YOUR\_WEBSITE\_ID。从 Talivia 的“设置 → 数据追踪”复制真实值。

部署后打开任意公开页面，并在 Talivia 数据看板中确认出现了新访问。