wxml语法参考-数据绑定  12课时

 官方文档是

 wxml语法参考下面的 

 https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/

 数据绑定 

WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件事件系统,可以构建出页面的结构。

用以下一些简单的例子来看看 WXML 具有什么能力:

数据绑定

<!-- 

  text标签写的不会换行。

  view 标签写的可以换行。 

   

 

 -->

 

 <text>1 </text>

 <text>2 </text>

 <view>1 </view>

 <view>2 </view>

---------------------------------

全局配置文件, app.json文件源代码测试  

{

  "pages":[


 

    

    "pages/test1/test1",

    

    "pages/index/index",

    "pages/logs/logs"

  ],

  "window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "Weixin",

    "navigationBarTextStyle":"black"

  },

  "style": "v2",

  "sitemapLocation": "sitemap.json"

}

-----------------------------------

数据绑定的代码演示。这个就是了。 

  这是测试文件里面的测试代码部分 

 

<!--pages/test1/test1.wxml-->

<!-- 

  这行代码注释掉,就不显示的了! 还问网友去,也看不出来。3.24 

  <text>pages/test1/test1.wxml</text> -->



 

<test> 1</test>

<test> 2</test>

 

<view> 1 </view>

<view> 2 </view>

 

 

 

 

 

 

 

 

 

上一篇:一个最简单的LRUCache实现 (JAVA)


下一篇:微信小程序自定义tabbar组件