微信小程序入门

需要准备

1.注册自己的微信开发小程序账号
下边是微信公众号官方,可以点击注册自己的小程序账号
https://mp.weixin.qq.com/

2.获取自己的账号的AppID
我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了
在这里插入图片描述
3:安装开发工具
根据自己的电脑是64位还是32位的进行安装开发工具
在这里插入图片描述4.下载之后登录创建自己的项目即可!

语法和标签

标签

<view></view>
<text></text>

语法
条件渲染

<view wx:if="{{表达式}}">xxx</view>
<view wx:elif="{{表达式}}">xxx</view>
<view wx:else>xxx</view>

②列表渲染

<view wx:for="{{list}}" wx:key="{{index}}">{{index}}--{{item}}</view>
<text wx:for="{{list}}" wx:for-item="myitem" wx:for-index="myindex"> {{myindex}}~{{myitem}} </text>

③模板template
定义

<template name="temp"> <view>标题:{{name}}</view> </template>
调用
<template is="temp" {{name:"han"}}>

导入模板

<import src = "xxx.wxml" />

④非template-任意的wxml文件
导入

<include src="xxx.wxml" />
相当于把xxx.wxm文件内容(除了template)拷贝到include地方

⑤事件
类型
bindtap 单击
bindinput 表单发生改变
事件参数

<view bindtap="showMsg" data-msg="xxx"></view> showMsg(e){ e.target.dataset.msg //获取事件参数 },

下边是给大家推荐的一个插件 vant weapp 可以查看这里的开发文档,方便快捷。
网址是:https://youzan.github.io/vant-weapp/#/intro

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值