README.md
jquery_render
此jQuery Render
插件主要是处理UI模板的数据模型渲染的
常用以下代码,会发现类似Vue的结构,还是有些不一样的地方,不能全当new Vue()
来看
$(document).ready(function(){
$.initApp({
elem: '#app',
data: {
view1:'Hello World!',
list1:[]
},
onLoad(){},
onReady(){},
methods:{}
});
});
下面是html的例子
<html>
<body>
<!-- 可以当作是渲染模板 -->
<div id="elem1">
{item.id}.{item.label}
</div>
<script src="/js/jquery-3.5.1.min.js"></script>
<script src="/js/jquery-ext-v0.2.js"></script>
<script>
$(document).ready(()=>{
//首先初始化
$.initApp({
//初始化id元素对应的数据...
data: {
'elem1':{
id: 1,
label: 'Hello'
}
},
//自定义方法
methods: {},
//初始化第一个加载的方法
onLoad(){
//渲染对应id元素的数据...
this.ids.elem1.render({
label: 'Label'
});
},
//初始化第二个加载的方法
onReady(){}
});
})
</script>
</body>
</html>