微信小程序中模板和模塊化怎么用

這篇文章主要介紹了微信小程序中模板和模塊化怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

具體如下：

template

模板，在定義的時候使用name屬性，如以下聲明方式

<template name="mytemp">
 <view>
  name:{{names}} address:{{add}}
 </view>
</template>

模板不能直接在界面上顯示，需要調用的時候才能顯示出來，調用的時候需要使用is屬性來說明調用的是哪個模板，并且傳參的形式可以有多種

<!-- 直接給模板里面用到的字段賦值 -->
<template is="mytemp" data="{{names:'aaa', add:'bbbb'}}"></template>
<!-- 通過給模板賦值對象來調用-->
<template is="mytemp" data="{{...person}}"></template>
<!-- 通過給模板賦值數組里面的對象來調用-->
<template is="mytemp" data="{{...persons[0]}}"></template>
<template is="mytemp" data="{{...persons[1]}}"></template>

模塊化

我們可以將一些公共的代碼抽離成為一個單獨的 js 文件，作為一個模塊，微信官方文檔給的說明是需要exports和require來配套使用，需要exports來聲明供外部調用，使用的時候需要require來引用下，我看有的視頻說的是如果使用require調用的時候需要本地下載node.js，反正我是下載了，如果使用的時候有問題就下載下吧。我創(chuàng)建了一個common.js格式如下：

//引用url
require("url.js");
function log(str){
 console.log("log:" + str);
}
//暴露log方法
 module.exports.log = log;

在用到的時候可以用如下方式：

var common = require("../../common/common.js");
Page({
 click:function(){
  common.log("輸出消息");
 }
})

感謝你能夠認真閱讀完這篇文章，希望小編分享的“微信小程序中模板和模塊化怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，更多相關知識等著你來學習!