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