Skip to content

DdBind 是一个简单的vue-like MVVM框架,实现完成了mvvm框架的主要功能,供vue3原理学习使用。

License

Notifications You must be signed in to change notification settings

Foreverddb/DdBind

Repository files navigation

DdBind

coverage NPM Downloads Version License

简介

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)

About

DdBind 是一个简单的vue-like MVVM框架,实现完成了mvvm框架的主要功能,供vue3原理学习使用。

Topics

Resources

License

Stars

Watchers

Forks