NanoFront

极简类 Vue 前端框架，零依赖，体积 < 10KB

特性

• 🌀 响应式数据 - 基于 Proxy 的响应式系统
• 📝 模板引擎 - 支持 Mustache 语法、n-if、n-for、n-show 指令
• 🔗 事件绑定 - 简洁的 @click 等事件绑定
• 🧩 组件系统 - 支持组件定义和复用
• 🛤️ Hash 路由 - 轻量级 Hash 路由
• 📦 全局状态 - 内置响应式状态管理
• 🌐 HTTP 模块 - 简洁的请求封装
• ⚡ CLI 工具 - nanofront 命令快速创建项目

安装

npm install nanofront

快速开始

import Nano from 'nanofront';

// 定义组件
const Home = {
  template: `
    <div>
      <h1>首页</h1>
      <p>欢迎使用 NanoFront!</p>
    </div>
  `
};

// 注册路由
Nano.router([
  { path: '/', component: Home },
  { path: '*', component: Home }
]);

// 启动应用
Nano.start('#app');

CLI 使用

安装后，可以直接运行 nanofront 命令启动项目创建器：

npx nanofront
# 或全局安装后
npm install -g nanofront
nanofront

文档

更多用法请查看 demo/index.html

License

MIT