微信小程序模板的使用实例

 时间:2024-10-14 21:16:26

1、打开小程序开发工具,新建mypage文件夹,在文件内新建page,命名为mypage,并在app.json设为第一页面。

微信小程序模板的使用实例

2、在mypage同级目录,创建templates文件夹,在文件夹内新建head.wxml文件。

微信小程序模板的使用实例

3、在head.wxml中写代码如下:<view>引入的内容</view>在mypage.wxml写代码如下,include进来head.wxml<include src='../templates/head.wxml'/>

微信小程序模板的使用实例
微信小程序模板的使用实例

4、编译运行代码,显示出引入内容,引入成功

微信小程序模板的使用实例

5、另外一种引入方法是通过template标签,这氇筐塘瓠里就不介绍了,介绍一下变量绑定,使用include引入的和原来的方法一样。修改head.wxml代码如下:&造婷用痃lt;view>{{content}}</view>

微信小程序模板的使用实例

6、在mypage.js进行变量的绑定,代码如下:data: {content:"我是被引入的"},

微信小程序模板的使用实例

7、编译运行代码,内容被正确显示出来,数据绑定成功

微信小程序模板的使用实例
  • 如何在windows里安装MySQL和MySQL-Front
  • snipaste怎么取色
  • 怎么点击别的标签触发下拉select
  • html图片形式的链接设置
  • jquery如何实现在div上存储数据
  • 热门搜索
    我爱你中国手抄报 森林防火手抄报内容 消防安全手抄报边框 关于传统文化的手抄报 法制教育手抄报资料 海洋的手抄报 关于道德的手抄报 名人手抄报图片 安全手抄报的资料 语文天地手抄报