微信小程序（template的使用）

　　小程序的template是一个模版功能，在建立一个template后，其余的页面能够引用，相比component较简单、方便！

template只须要两个文件，一个wxss文件和wxml文件，也只有这两个功能起做用，只用于显示，json和js文件建立了也无效。

 

下面是简易教程

一、新建两个文件，template.wxml和template.wxss，在wxml里面定义template，取名为msg-template (名字自定义)

 

二、在其余文件经过<import src="template.wxml"/>引入到文件，用template标签引用，其中is是在template的name值

如今就能够看到效果了

 

3、写template.wxss，在引入文件的wxss中@import "./template/template.wxss";引入templage.wxss

 

 

template.wxssd中设置颜色为

结果是

 （引入的wxss和原文件的wxss是通用的，分开写是为了方便管理，注意在模板样式取名加模板名用以区分，避免混淆），若是取名相同，可能会引发冲突

 

四、向模板传值，在引用文件的template标签上经过data="{{data}}"传值，模板中经过传的参数名取值

 

结果

 模板中取值的名字能够自定义，也能够多个传值

 

结果

五、template.wxss中能够绑定事件，因为模板没有本身的js文件，因此的处理事件在引用文件中。

 

 

总结：template模板就是把统一的一些代码放在另外一个文件供引用。wxss能够分出来管理，最后使用的时候都是在同一个文件里处理。逻辑处理、数据处理都是在引用文件中。

 

我是刚入门不久的前端工程师，内容写的可能不是那么精简、清楚，我会慢慢改进排版以及内容，但愿各位多多指点，多多支持，谢谢

（ps: 若是有刚加入前端这个行业的，比较迷茫的同窗，欢迎进群交流，但愿不嫌弃的同行或者大佬加群你们一块儿交流，相信将来会更好

群名称：web技术交流群（往全栈发展的）

群   号：815957915）