小程序开发初涉实践与要点

Posted 2021-01-11 vbyzc

写此文章的时候，使用微信开发者工具版本为v1.02，调试基础库使用2.3.0

因为相关实现方法与vue有点类似，此文章记录一些关键点与实现、与vue的区别，以免搞混

 

---

 

语法区别

• 绑定属性到标签或组件，要用双{{}}号，不用像vue前端加：
• 所以属性内有拼接其它字符串，直接写在属性内，不用使用+号 如  ：<view id="item-{{id}}"> </view>
• 列表渲染默认不用写item与index，可以直接使用，当然也可以指定另外的名字

 

关于引用ui组件库

几个ui组件库，如vant-weapp，iView weapp，都已编译好在dist目录，直接全部复制到小程序目录下即可使用

可以同时使用多个ui库

注：最好不要只复制需要的组件文件夹，vant的组件都有引用其它目录，如common,mixins

每个组件为一个目录，以四种文件存在：js，JSON，WXML，WXSS四种文件

引用方式：

在页面对应的json文件，usingComponents中引入，如

"van-tabs": "../../vant/tabs/index"

 页面中直接以引用的键名为标签名来插入如 ：<van-tabs></van-tabs>

 

关于WXS模块（？）

小程序官方的话：WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。