zoukankan      html  css  js  c++  java
  • 小程序模板

    小程序模板的使用

     一、内部定义模板

    1.

    1 <!-- 定义模板 -->
    2 <template name="mm">
    3   <view>这里是一个模板</view>
    4 </template>
    5 
    6 <!-- 引用模板 -->
    7 <template is="mm"></template>
    8 <template is="mm"></template>
    9 <template is="mm"></template>

    2.模板不能直接使用所在页面中定义的数据.要使用需要通过data属性进行传值。

    1 <!-- 定义模板 -->
    2 <template name="mm">
    3   <view>这里是一个模板 {{user}}  {{name}}</view>
    4 </template>
    5 
    6 <!-- 引用模板 -->
    7 <template is="mm" data="{{user:'李云龙'}}"></template>
    8 <template is="mm" data="{{user}}"></template>
    9 <template is="mm" data="{{name , user}}"></template>

     二、外部定义模板

    <!-- 外部模板的定义 -->
    <template name="yi">
      这里是外部模板,第一个
    </template>
    <template name="er">
      这里是外部模板,第二个 {{c}}
    </template>
    
    
    <view>啥也不是</view>
    
    
    <!-- 外部模板的引用 -->
    
    <!-- include为包含,(模板以外的东西) -->
    <include src="/pages/templates/yi.wxml" />
    <!-- 如果模板在外部文件中定义,需要通过import 引入。src为文件路径。注意标签闭合 -->
    <import src="/pages/templates/yi.wxml" />
    <template is="yi"></template>
    <template is="er" data="{{c:'外部组件传值'}}" />
    
    <!-- import只对模板起作用  include只对模板以外的东西起作用 (可以用于小程序的公共部分)
       include可以直接使用所在页面定义的数据( {{}} ),可相当于占位符。
    -->

  • 相关阅读:
    C# Sleep延时方法
    浅谈模糊测试
    python time模块常用方法小结
    Markdown使用小结
    关于测试用例设计、评审及用例质量评估的思考
    关于评估软件产品质量的思考
    关于软件测试工程师进阶提升的思考
    关于软件测试中回归测试的思考
    测试技术的思考 ---- 读《微软的软件测试之道》有感系列
    vue-learning:22
  • 原文地址:https://www.cnblogs.com/xiaoyaolang/p/11950988.html
Copyright © 2011-2022 走看看