微信小程序開發(fā)中經(jīng)常會根據(jù)業(yè)務(wù)需求封裝一些組件，避免重復(fù)寫一些代碼，提高程序的可維護性。對于業(yè)務(wù)邏輯比較復(fù)雜的，我們可以采用Component。Component與Page類似，可以將一些組件內(nèi)部的邏輯寫在對應(yīng)的js文件中。對于沒什么業(yè)務(wù)邏輯，只是顯示一下，我們可以采用模板templete。比如一些缺省頁面、提示信息、彈窗等。

模板創(chuàng)建

一般建議將模板文件放入templete文件夾下，便于管理。在templete文件夾下新建wxml文件和wxss樣式文件。對于多個模板的項目，每個模板新建一個文件夾，再在每個文件夾下創(chuàng)建所需的模板文件。
1.模板文件

<!--templates/toast/toast.wxml-->
<template name="toast">
  <view>
    <text class="toast-msg">提示信息</text>
  </view>
</template>

2.樣式文件

 /* templates/toast/toast.wxss */
 .toast{
   width:50%;
   height:100rpx
 }

模板使用

1.在需要使用的位置引入toast.wxml，is填templete的name即可。

<import src="../template/toast/toast.wxml"/> 
<template is='toast' />

2.在對應(yīng)的樣式文件中導(dǎo)入模板的wxss文件

@import "../template/toast/toast.wxss";