dot.js的使用配合案例演示

dot.js在我所认为最重要的作用就是，我们再也不用繁琐的拼接字符串了

一.html

 <ul class="myul2">

</ul>

二.在js页面

  var tpl = doT.template($("#area-list5").text());
 var str = tpl(res.universityInfo.celebrityList);
  $(" .myul2").html(str);

三.定义一个script

	    <script type="text/x-dot-template" id="area-list5">
	   
	    <div class="swiper-container">
	        <div class="swiper-wrapper">
	            {{~ it:item:index}}
	    <div class="swiper-slide">
	    <li class="myli2">
	  <div class="myli2_top">
	    <img src="{{= item.headImg}}">
	    <span>{{= item.name}}</span>
	  </div>
	  <div class="myli2_center">
	  <p>{{= item.intro}}</p>
	  </div>
	</li>
	</div>
	{{~}}
	</div>
	</div>
	</script>

四.大功告成，再也不用拼接字符串了，前提要把dot.js引入