首頁 > web前端 > js教程 > 主體

有關微信小程式模板和模組化用法(詳細教程)

亚连
發布: 2018-06-23 18:04:28
原創
1636 人瀏覽過

這篇文章主要介紹了微信小程式範本和模組化用法,結合實例形式分析了微信小程式中的範本與模組化概念與簡單使用技巧,需要的朋友可以參考下

本文實例講述了微信小程式模板和模組化用法。分享給大家供大家參考,具體如下:

template

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

<template name="mytemp">
 <view>
  name:{{names}} address:{{add}}
 </view>
</template>
登入後複製

模板不能直接在介面上顯示,需要呼叫的時候才能顯示出來,呼叫的時候需要使用is屬性來說明呼叫的是哪個模板,而傳參的形式可以有多種

<!-- 直接给模板里面用到的字段赋值 -->
<template is="mytemp" data="{{names:&#39;aaa&#39;, add:&#39;bbbb&#39;}}"></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,反正我是下載了,如果使用的時候有問題就下載下吧。我創建了一個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("输出消息");
 }
})
登入後複製

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

在JS中如何實作非首屏圖片延遲載入

使用JavaScript如何實作寄生組合式繼承

利用js程式碼如何實作複製功能

使用tangram.js程式庫如何實作js類別

以上是有關微信小程式模板和模組化用法(詳細教程)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板