1. 程式人生 > >微信小程式頁面結構--引用

微信小程式頁面結構--引用

一個WXML可以通過importinclude引入其他WXML檔案,兩種方式都能引入WXML檔案,區別如下:

1. import引入WXML檔案後只接受模板的定義,忽略模板之外的所有內容,而且使用過程中有作用域的概念。
2. include引入WXML檔案後只接受模板之外的定義,即引入檔案中除模板以外的程式碼直接拷貝到<include/>位置。
3. import是引入模板定義,include是引入元件。

import的使用

1. 示例

<!--pages/static/four/four.wxml-->
<template name="myTemplate">
  <view>模板中的內容</view>
  <view>{{content}}</view>
</template>
<template name="myTemplate2">
  <view>巢狀使用的模板</view>
</template>
<template is="myTemplate2" data="{{content}}">
  
</template>
<view bindtap='tap1'>
  觸發1{{tap1}}
  <view bindtap='tap2'>
    觸發2{{tap2}}
    <view bindtap='tap3'>
      觸發3{{tap3}}
    </view>
  </view>
</view>

<!--pages/static/five/five.wxml-->
<import src='/pages/static/four/four.wxml' />
<template is='myTemplate' data="{{content}}"></template>
<include src='/pages/static/four/four.wxml' />

註釋:
   src:該屬性是需要被引入檔案的相對地址。
   變數:需要重新定義和賦值