组件的基本使用

1.打开微信开发者工具。

微信小程序开发——视图与渲染(一)

2.在 pages 目录下创建 firstPage 目录,接着创建 first.js 与 first.wxml 文件。

微信小程序开发——视图与渲染(一)

3.在配置文件 app.json 中把刚才创建的页面添加进来。

微信小程序开发——视图与渲染(一)

此时编译会报错,原因是没有调用 page 方法。

微信小程序开发——视图与渲染(一)

调用 page 方法后则不会报错。

微信小程序开发——视图与渲染(一)

5.此时可以在 first.wxml 文件中测试一下,可以看到页面被正常加载。

微信小程序开发——视图与渲染(一)

6.登陆微信公众平台 https://mp.weixin.qq.com 在小程序开发文档中找到组件。

微信小程序开发——视图与渲染(一)

以文本组件 text 和表单组件 button 为例,可以看到模拟器中加载出了文本和两个按钮。

微信小程序开发——视图与渲染(一)

微信小程序开发——视图与渲染(二) 

微信小程序开发——视图与渲染(三)难点 

微信小程序开发——视图与渲染(四)重点

相关文章: