小程序使用之WXS

之前做过一段时间的小程序开发,自己也写过两个自己的小程序:

唐宋来喽冲顶课堂

了解些前端的知识,相对而言还是比较容易上手的,小程序的视图采用 与 编写,对比前端就是 与 。 跟 类似是描绘页面结构的,小程序有一套自己的标签,而大部分前端的css样式都可以用在 wxss里面。关于数据绑定部分,小程序使用 Mustache 语法(双大括号) 进行绑定。这里要讲的是wxs ,小程序自己的一套脚本语言,可以用于渲染页面。

一个简单的例子,新建一个a.wxml 文件,代码如下:

这里wxs 代码直接编写在wxml文件内,定义wxs 的名为a,这个参数是必须的;通过 暴露对外的属性,外部使用的话,直接通过名调用属性值。

当然,wxs代码也可以写在以 为后缀名的文件内a.wxs ,里面直接编写代码:

使用的话,在a.wxml 文件内同样需要使用标签,并且定义 名,注意src 使用相对路径引入wxs文件:

这里推荐使用以 .wxs 为后缀名来封装代码,这样便于其他文件通用。

同时,在.wxs模块中可以引用其他 wxs 文件模块,注意这里只能以文件的形式引用,通过 引用文件相对路径。

同样wxs 还可以对外暴露方法,

这样我们可以通过编写wxs,对data 数据进行处理,渲染到view层。

实际项目中,通过wxs 可以简化代码,更加具有通用性。

欢迎关注我的个人博客:https://www.manjiexiang.cn/

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181125A19DBJ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券