# @aevantec/litevue 中文文档

规范地址：https://npmcn.com/package/%40aevantec/litevue/

版本：0\.5\.17
npm 元数据更新时间：2026-11-03T14:13:27.467Z
中文译文更新时间：2026-11-06T22:28:04.479Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40aevantec/litevue
原文对照：https://npmcn.com/package/%40aevantec/litevue/?lang=original
项目主页：https://litevue.dev/
源码仓库：https://github.com/aevantec/litevue

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：618 kB，145 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- Node.js 要求：\>=18
- 运行依赖：1 个
- 首次发布：2026-07-27T14:56:54.184Z
- 最新版本发布：2026-11-03T14:13:26.904Z
- 近 30 天下载量：2253（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：18（近 12 个月 18 个）

## 中文简介

一个被维护的petite-vue分叉:Vue的模板语法和活性在~11kb,有内置的devtool. 没有建造步骤.

## 安装

```sh
npm install @aevantec/litevue
```

也可以使用：`pnpm add @aevantec/litevue`、`yarn add @aevantec/litevue`、`bun add @aevantec/litevue`

## README

# 点

`litevue` 是一个叉子 [柔软](https://github.com/vuejs/petite-vue) 由 Evan You 编写 —— 一种替代分发 [阴道](https://vuejs.org/) 为渐进增强而优化的:将交互作用潜入服务器所赋予的HTML上,其模板语法和回动心理模型与标准Vue相同.

Npm上公布为 **[`@aevantec/litevue`](https://www.npmjs.com/package/@aevantec/litevue)** - 那个 未瞄准的名称被一个无关的 `lite-vue` 软件包。 IIFE/UMD 全球 留下来 `LiteVue`。 。 。 .

-   **~11kb 时** 被真人所驱动 `@vue/reactivity`
-   Vue 相容语法 : `{{ }}`, (中文(简体) ), `v-if`编号 :`v-for` (按键), `v-model`, (中文(简体) ), `v-show`,, , , , , , , ,
-   **内建的支架** ——页内检查面板+浏览器扩展,一行可禁用生产
-   **过渡** 与 `v-show` _财务报告和审定财务报表_ `v-if` (延迟卸载)
-   **插件系统** 带有十一个先行插件:相交、相相相接、相接、对焦(+trap)、倒塌、过渡、口罩、形态、介质、大小调整、弹出(+anchor)和导航
-   **懒散的安装** —— 说 `v-scope.visible`, (中文(简体) ), `.idle` 财务报告和审定财务报表 `.interaction` 在看到一个区域、浏览器闲置或首先使用之前, 让它不受约束
-   **构成部分** 按名称注册 `app.component()`,可从 `v-scope`
-   **全球存储** (单位:千美元)`store()` 编号 : `$store`和魔法属性`$dispatch`, (中文(简体) ), `$watch`, (中文(简体) ), `$id`, (中文(简体) ), `$root`, (...) (中文(简体) )
-   **缓存衍生状态** 与 `computed()`,同时 `reactive()` 财务报告和审定财务报表 `watchEffect()`
-   额外事件修改符 : `.outside`, (中文(简体) ), `.window`, (中文(简体) ), `.debounce`, (中文(简体) ), `.throttle`,动画事件过滤器
-   **错误诊断** 指示、要素和表达式的名称,以及你的意思名称 `app.onError()` 用于监测生产
-   **发展建设** 带有常见错误警告, 由 Vite 和 Web 软件包在开发时自动选择
-   具有活性含量的安全性:注入的标记在明确挂起之前是惰性的,以及 `morph` 在不丢失范围状态、焦点或滚动的情况下更新服务器已配置的区域

## 快开始

```html
<script src="https://unpkg.com/@aevantec/litevue" defer init></script>

<div v-scope="{ count: 0 }">
  {{ count }}
  <button @click="count++">inc</button>
</div>
```

或与一捆子:

```sh
npm install @aevantec/litevue
```

```js
import { createApp } from '@aevantec/litevue';

createApp({ count: 0 }).mount();
```

## 文档

完整文献资料 **[文件站点](https://litevue.dev/)** (来源于 [`docs/`](https://npmcn.com/package/%40aevantec/litevue/docs/), (中文(简体) ), `pnpm docs:dev` 用于本地运行 :

-   [导言](https://litevue.dev/start-here/introduction) - 是什么,Vue相容性,限制,安全和CSP
-   [安装](https://litevue.dev/start-here/installation) ——CDN,npm,挂载选项,开发建设
-   [要点](https://litevue.dev/essentials/) ——状态,温和,组件,生命周期,动态内容,服务器驱动的HTML,资源,形式,错误处理
-   [指令](https://litevue.dev/directives/) ——每条指令一页,并有活演示
-   [魔术](https://litevue.dev/magics/) —— 说 `$el`, (中文(简体) ), `$store`, (中文(简体) ), `$dispatch`, (中文(简体) ), `$watch`, (中文(简体) ), `$id`,, , , , , , , ,
-   [全球](https://litevue.dev/globals/) —— 说 `createApp()`, (中文(简体) ), `store()`, (中文(简体) ), `reactive()`, (中文(简体) ), `computed()`, (中文(简体) ), `watchEffect()`, (中文(简体) ), `nextTick()`, 编织工具 API
-   [插件](https://litevue.dev/plugins/) ——所有一党插件,并写出自己的插件
-   [开发工具](https://litevue.dev/devtools/) – 检查员面板,浏览器扩展,生产 kill-switch
-   [飘飘自来](https://litevue.dev/migration/from-petite-vue) • 妇女 [从高山来](https://litevue.dev/migration/from-alpine)

## 发展

```sh
pnpm install
pnpm dev        # every example and playground page, at localhost:3000
pnpm test       # vitest suite
pnpm build      # core, devtools and plugin bundles, production and development
pnpm docs:dev   # documentation site
```

见 [变动情况](https://npmcn.com/package/%40aevantec/litevue/CHANGELOG.md) 为了叉子的历史.

## 状态

`litevue` 原产地为0.4.1, 现已不再积极维持在上游。 它旨在保持与标准Vue行为保持一致,这样代码可以以最小的摩擦来从Vue中毕业.

## 许可证

麻省理工学院. 由 Evan You 作词的原始 pitte-vue;由 litevue 贡献者作词的分叉添加.

## 常见问题

### @aevantec/litevue 是什么？

一个被维护的petite-vue分叉:Vue的模板语法和活性在~11kb,有内置的devtool\. 没有建造步骤\.

### 如何安装 @aevantec/litevue？

在项目目录运行 npm install @aevantec/litevue，或使用 pnpm add / yarn add / bun add。

### @aevantec/litevue 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @aevantec/litevue 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @aevantec/litevue 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=18。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @aevantec/litevue 可以商用吗？

@aevantec/litevue 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @aevantec/litevue 的下载量有多少？

根据 npm 官方下载统计，@aevantec/litevue 在 2026/10/05 – 2026/11/03 这 30 天内被下载 2,253 次，日均约 75 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @aevantec/litevue 还在维护吗？

最新版本 0\.5\.17 发布于 2026/11/03（4 天前）；至今共发布 18 个版本，其中过去 12 个月发布了 18 个；首次发布于 2026/07/27。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。