欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序模板和模塊化用法實(shí)例分析

 更新時(shí)間：2017年11月28日 08:59:47   作者：米心語  
這篇文章主要介紹了微信小程序模板和模塊化用法,結(jié)合實(shí)例形式分析了微信小程序中的模板與模塊化概念與簡單使用技巧,需要的朋友可以參考下

本文實(shí)例講述了微信小程序模板和模塊化用法。分享給大家供大家參考，具體如下：

template

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

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

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

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

模塊化

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

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

在用到的時(shí)候可以用如下方式：

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

此外，本站前面一篇文章微信小程序模塊化詳細(xì)介紹也對模塊化做了較為深入淺出的介紹，感興趣的朋友可以參考一下。

希望本文所述對大家微信小程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流with綁定

    KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流with綁定

    這篇文章主要介紹了KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流with綁定的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2016-10-10
  • JS實(shí)現(xiàn)圖片翻書效果示例代碼

    JS實(shí)現(xiàn)圖片翻書效果示例代碼

    圖片翻書效果想必大家都有見過吧，在本文將為大家介紹下使用js是如何實(shí)現(xiàn)的，具體的代碼如下，感興趣的朋友可以參考下
    2013-09-09
  • JavaScript中的變量聲明早于賦值分析

    JavaScript中的變量聲明早于賦值分析

    JavaScript中的變量聲明早于賦值分析，需要的朋友可以參考下
    2012-03-03
  • JavaScript數(shù)組去重的五種方法及其他細(xì)節(jié)和拓展

    JavaScript數(shù)組去重的五種方法及其他細(xì)節(jié)和拓展

    JavaScript數(shù)組去重這個(gè)問題,經(jīng)常出現(xiàn)在面試題中,下面這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組去重的五種方法及其他細(xì)節(jié)和拓展的相關(guān)資料,文中通過實(shí)例代碼以及圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • js 上傳文件預(yù)覽的簡單實(shí)例

    js 上傳文件預(yù)覽的簡單實(shí)例

    下面小編就為大家?guī)硪黄猨s 上傳文件預(yù)覽的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-08-08
  • 淺析script標(biāo)簽中的defer與async屬性

    淺析script標(biāo)簽中的defer與async屬性

    最近在網(wǎng)上看到一個(gè)前輩在寫script標(biāo)簽的時(shí)候，居然同時(shí)寫了async和defer屬性，想著這是什么意思呢？所以決定深入的了解下這其中的學(xué)問，以下這篇文章就是個(gè)人在學(xué)習(xí)了之后的一些總結(jié)分析，有需要的朋友們可以參考借鑒，下面來一起學(xué)習(xí)學(xué)習(xí)吧。
    2016-11-11
  • 詳解JavaScript狀態(tài)容器Redux

    詳解JavaScript狀態(tài)容器Redux

    Redux官網(wǎng)上是這樣描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript狀態(tài)容器，提供可預(yù)測性的狀態(tài)管理）。目前Redux GitHub有5w多star，足以說明 Redux 受歡迎的程度
    2021-06-06
  • 詳細(xì)教你微信公眾號正文頁SVG交互開發(fā)技巧

    詳細(xì)教你微信公眾號正文頁SVG交互開發(fā)技巧

    這篇文章主要介紹了詳細(xì)教你微信公眾號正文頁SVG交互開發(fā)技巧，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • JS實(shí)現(xiàn)前端頁面的搜索功能

    JS實(shí)現(xiàn)前端頁面的搜索功能

    這篇文章主要介紹了JS實(shí)現(xiàn)前端頁面的搜索功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
    2018-06-06
  • LayUI switch 開關(guān)監(jiān)聽 獲取屬性值、更改狀態(tài)的方法

    LayUI switch 開關(guān)監(jiān)聽 獲取屬性值、更改狀態(tài)的方法

    今天小編就為大家分享一篇LayUI switch 開關(guān)監(jiān)聽 獲取屬性值、更改狀態(tài)的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09

最新評論