微信小程序学习心得与问题(二)

一、视图

  1. 首先我们需要新建一个项目微信小程序学习心得与问题(二)

  2. 然后新建一个空白页面
    微信小程序学习心得与问题(二)

  3. 在firstpages下创建一个.js文件和.WXML文件微信小程序学习心得与问题(二)

  4. 然后在app.json里面把页面添加进来微信小程序学习心得与问题(二)

  5. 操作完之后,我们会发现出现了一些错误,这是因为在page文件里我们没有调用page方法。

  6. 调用page方法之后就没有报错了,然后输入文字就会显示出来了。微信小程序学习心得与问题(二)

  7. 在完成上述操作后我们就可以使用一些组件来按照自己的需求进行页面的布局和美化。在这里,各类组件我们可以登陆官网查询,(mp.weixin.qq.com)微信小程序学习心得与问题(二)

  8. 复制上述代码后,需要删除一部分我们不需要的属性。微信小程序学习心得与问题(二)

  9. 按钮的内容,包括text内容都可以在js文件里进行修改。

  10. 为按钮添加事件,最尖的的就是点击事件,需要在按钮的属性里面
    打上
    微信小程序学习心得与问题(二)

  11. 绑定之后需要在js文件里面为其定义
    微信小程序学习心得与问题(二)

  12. 点击按钮出现文本替换效果,需要输入:微信小程序学习心得与问题(二)
    微信小程序学习心得与问题(二)