微信小程序知识点

微信小程序：小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用触手可及"的梦想，用户扫一扫或搜一下即可打开应用。
微信小程序创建：
1、下载一个微信开发者工具
2、在微信公众平台网站注册并登录，在里边申请为开发者（个人开发者-可选）
3、在登录成功，并且申请为开发者后，右上角点头像，在左侧侧边栏找到开发选项点进去开发管理，如下

4、点击开发设置，里边的开发者ID【AppID(小程序ID)】需要粘贴记住
5、在完成下载微信开发者工具后，点开创建项目
6、可自行设置项目名称，地址，在AppID里边放入上述需粘贴的ID号，后端服务以及模板选择可自行选择 

页面显示

注：在app.json里边谁在第一谁显示，例如现在显示的是index页面。
如下：

 

新建页面

在pages新建你一个文件夹，然后右键选择新建page页面，会生成四个不同的文件【建page页面时不用写后缀名，直接回车就行】

模板语法【类似vue写法但又不完全类似】

文本渲染

{{msg}} ---------文本渲染
{{1+1}}---------可以执行简单代码
{{msg.length}}----------可以计算长度

条件渲染

wx:if=“条件”
wx:elif=“条件” // 注意这里是elif
wx:else=“条件”

列表渲染【遍历】

wx:for=“{{list}}”
wx:key=“index”//与wx:for是配套使用
其中类似与vue遍历，里边有{{item}}是每一个本身
{{index}}是每一个是第几个【从0开始】

自定义列表渲染

定义item与index的名称
wx:for=“{{list}}}”
wx:for-item=“myitem”
wx:for-index=“myidx”
{{myidx}}
{{myitem}}

导入

import

• 只能导入template内容

• template/utils.wxml

<template name="userCart">
  用户名：{{name}}
</template>