小程序组件化开发之template模板

做过移动开发的同学都知道,现在都讲究组件化,小程序里也有组件这个概念,有两种实现方式,一种是模板(template),一种是自定义组件component。今天先给大家讲讲小程序template。

单个模板使用

创建模板文件

小编以一个弹窗为例来介绍。首先在根目录创建template目录，因为可能会有多个模板组件，所以在下面创建二级目录来区分，不建二级目录自己用名字区分也行，这个根据个人习惯来定。二级目录创建好之后创建模板对应的wxml和wxss文件，如下图所示：

然后在wxml文件和wxss文件分别写对应的代码：

popup.wxml文件：

<template name="popup">
  <view class='wx_dialog_container' hidden="{
  {!isShow}}">
    <view class='wx-mask'></view>
    <view class='wx-dialog'>
      <view class='wx-dialog-title'>{
  {title}}</view>
      <view class='wx-dialog-content'>{
  {content}}</view>
      <view class='wx-dial