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

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

 

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

上一篇:微信推送消息实战


下一篇:微信小程序复制功能