pandyle基于 jQuery 的 MVVM 庫
pandyle是一個基于jquery的MVVM庫。它為jquery提供了基本的模板和組件功能。pandyle秉承jquery -- write less, do more 的設(shè)計理念,主要關(guān)注點即在于簡單,它的大小只有5kb(壓縮后),易學(xué)易用,努力減少你書寫的代碼量,并且更貼合傳統(tǒng)的jquery的書寫方式。
為什么要寫這個庫
現(xiàn)在已經(jīng)有angular、react、vue等優(yōu)秀的MVVM框架了,但是我愛jquery!所以就想試著為jquery寫一個mvvm庫來實現(xiàn)數(shù)據(jù)與視圖的分離以及組件化開發(fā)的能力。如果你也喜歡jquery,可以來嘗試一下這個庫。歡迎你的issue和PR!
使用方法
下載:npm install pandyle
引入:使用<script>標(biāo)簽引用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>評論
圖片
表情
