网站推广.NET

网站推广.NET

微信小程序的制作流程

来源:互联网

我一直听说它很简单,我从未学过。

嗯,我更喜欢干货,我直接使用它们

我从观看视频中学到的,视频地址是

#/ learn / video?lessonId = 1004125800&courseId = 1003612035

开始输入文字

页面文件夹直接放置在页面上

好吧,目录结构是这样的,只要创建一个新模块,就会有一个对应的文件夹,其中包含4个对应的文件,

当然,您需要转到根目录下的app.json配置

{ ”pages”:[ "pages/index/index", "pages/logs/logs", "pages/news/news" ]}

切换:navigator url="../news.news"跳转到新闻页面/navigator

text这里写文字/text placeholder-class 设置placeholder颜色 view类似于p/view input bindinput="这样就能绑定值了"/

按钮/ button可以设置为纯色,这意味着没有颜色

size可以设置尺寸,例如mini

这是取消按钮

v-if =“ {{data.length == 0}}”如果没有数据小程序,请记住添加{{}},否则将不起作用,这与vue不同

控制是否隐藏显示 wx:if="{{bshow}}" change(){ this.setDate({ bshow: !this.data.bshow })

循环数组,记得加key,也就是索引 wx:for="数组的名字" wx:key="{{index}}"{{item}}-{{index}}

循环对象,记得加key,也就是索引 wx:for="对象的的名字" wx:key="{{index}}"{{item.name}}-{{item.age}}-{{index}}

小程序尽管applet与vue非常相似,但并不完全相同,例如vue分配

this.aaa ='1211';此页面的值为1211

但是,如果您想单击以更改applet中数据的值,则必须具有以下格式:this.setDate({aaa:'111'+ Date.now(),这样更改才能成功,这里的Date.now()是随机的时间})

小程序中有几个默认文件

app.js

app.json