Lire 🍃

一款轻量、零依赖的前端 MVVM 框架，由董翔（dongxiang678）独立开发，核心实现响应式数据绑定、模板编译、事件绑定等 MVVM 核心能力，适合前端新手学习原理，也可用于轻量交互项目开发。

作者

董翔（dongxiang678）
前端开发者，专注于前端工程化与框架底层原理研究，Lire 框架及配套 create-lire 脚手架的独立开发者。

快速开始

方式1：通过脚手架一键创建（推荐）

npx @dongxiang678/create-lire 你的项目名
cd 你的项目名
npm run serve

方式2：手动安装使用

npm install @dongxiang678/lire

核心特性

• 响应式数据绑定（基于 Object.defineProperty 实现）
• 模板编译（支持 {{ 插值 }} 和 @click 事件）
• 零外部依赖，仅依赖浏览器原生 API
• 配套脚手架，开箱即用

示例代码

import Lire from '@dongxiang678/lire';

window.app = new Lire({
  el: '#app',
  data: {
    message: 'Hello Lire！'
  },
  template: `
    <div>
      <h1>{{ message }}</h1>
      <button @click="changeMsg">点击修改</button>
    </div>
  `,
  methods: {
    changeMsg() {
      this.message = 'Lire 框架由董翔开发！';
    }
  }
});

官方地址

• Lire 框架 npm 官方地址：https://www.npmjs.com/package/@dongxiang678/lire
• create-lire 脚手架 npm 官方地址：https://www.npmjs.com/package/@dongxiang678/create-lire
• 开发者 npm 账号：https://www.npmjs.com/~dongxiang678

许可证

MIT License (开源免费，可自由使用、修改、分发)