首页 > 微信 > 详细

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

时间:2018-10-10 18:48:32      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:存在   默认   结构   小程序   nts   前端   1.0   div   col   

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

 

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

标签:存在   默认   结构   小程序   nts   前端   1.0   div   col   

原文:https://www.cnblogs.com/vbyzc/p/9768098.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号