写此文章的时候,使用微信开发者工具版本为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,可以构建出页面的结构。