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>

    加入QQ群186736431参与学习讨论,欢迎提出需求改进意见!

    项目简介

    发行版本

    当前项目没有发行版本

    贡献者 2

    TA远方 @zs1028
    T TA远方 @TA远方

    开发语言

    • JavaScript 88.4 %
    • HTML 11.6 %