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

标签：直接   mon   前端   相关   绑定   wxs   组件   span   语言   

写此文章的时候，使用微信开发者工具版本为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"

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

标签：直接   mon   前端   相关   绑定   wxs   组件   span   语言   

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