DdBind

简介

DdBind 是一个简单的vue-like MVVM框架，实现完成了mvvm的主要功能。

语法上与vue3类似，便于快速上手使用。

适用于浏览器与node es module，旨在快速简单地构建用户交互界面。

本项目采用 Typescript 编写，rollup 完成打包，vitest 进行测试。

安装

browser

查看demo for browser

Codepen在线预览运行

<script src="https://foreverddb.github.io/DdBind/dist/ddbind.browser.prod.js"></script>

或使用开发版本

<script src="https://foreverddb.github.io/DdBind/dist/ddbind.browser.dev.js"></script>

node

npm install --save ddbind

使用

HTML:

<div id="app">
    <div>
        <h1>{{ foo }}</h1>
    </div>
</div>

javascript:

browser

const app = DdBind.createApp({
    data() {
        return {
            foo: 'bar'
        }
    }
})
app.mount('#app')

as ES Module

import {createApp, ref} from 'ddbind'

const app = createApp({
    setup() {
        return {
            foo: ref('bar')
        }
    }
})
app.mount('#app')

Features

• 测试覆盖率达95%以上
• 包含类型声明，支持typescript
• 自带runtime编译器
• 面向esnext开发
• 集成自动化测试工作流

使用文档

查看api文档

实现原理

查看文档

其他

项目开发文档

License

MIT

Copyright (c) 2023-present, ForeverDdB (Wenjie Deng)