微信小程序开发框架

微信小程序开发框架

Wxl（页面内容）

Wxss（页面样式）

Wxs（过滤处理，显示页面内容）

JavaScript（页面交互和逻辑处理）

WXML（winxin化妆语言）

它是一套用于框架设计的标签语言。页面的结构可以通过组合组件、WXS和事件系统来构建。

语法：

...

它是严格封闭的，区分大小写。

语言特征

数据绑定

接口需要使用js文件中的data属性进行动态数据更新

｛｛变量名｝｝--在Mustache模式下绑定

数据绑定

运算符绑定

等待

//索引.wxml

你好，世界！

//索引.js

第页({

数据：{

标志：true

}

})

//索引.json

{}

项目目录结构：

项目目录.png

列表呈现

当不确定列表的数量

//索引.wxml

//块不是组件，而是“包含块”

<视图>

{{index}}:｛｛item.name｝｝

//索引.js

第页({

数据：{

项目：[

｛name:“商品1”｝，

｛name:“商品2”｝，

｛name:“商品3”｝，

｛name:“商品4”｝，

｛name:“商品5”｝，

｛name:“商品6”｝

]

}

})

条件渲染

//索引.wxml

你今天吃什么<；/视图>

饺子</view>

Rice</view>

面条</视图>

//索引.js

第页({

数据：{

条件：Math.floor（Math.random（）*3+1）

}

})

Wx。切换时有一个渲染过程，这会导致更高的切换消耗

Hidden还将进行渲染，这会增加初始渲染消耗，并对视图产生影响

通常，最好使用隐藏。

模板参考

使用标记