pandyle基于 jQuery 的 MVVM 库

联合创作 · 2023-09-30 04:44

pandyle是一个基于jquery的MVVM库。它为jquery提供了基本的模板和组件功能。pandyle秉承jquery -- write less, do more 的设计理念,主要关注点即在于简单,它的大小只有5kb(压缩后),易学易用,努力减少你书写的代码量,并且更贴合传统的jquery的书写方式。

为什么要写这个库

现在已经有angular、react、vue等优秀的MVVM框架了,但是我爱jquery!所以就想试着为jquery写一个mvvm库来实现数据与视图的分离以及组件化开发的能力。如果你也喜欢jquery,可以来尝试一下这个库。欢迎你的issue和PR!

使用方法

下载:npm install pandyle

引入:使用<script>标签引用pandyle.min.js即可。

Hello Wrold

代码示例:hello world

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Hello Pandyle</title>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../dist/pandyle.min.js"></script>
</head>

<body>
    <div class="main">{{message}}</div>
    <script>
        var data = {message: 'hello world'};
        $('.main').vm(data);
    </script>
</body>

</html>
浏览 2
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报