小程序使用之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/