小程序中的数据渲染和常见事件类型

最新推荐文章于 2024-08-04 01:00:44 发布

一只小姜丝332

最新推荐文章于 2024-08-04 01:00:44 发布

阅读量1.1k

点赞数

文章标签：小程序 javascript 开发语言

本文链接：https://blog.csdn.net/qq_50906507/article/details/127560568

版权

本文详细介绍了小程序中数据渲染的过程，包括WXML模板的使用和setData方法的数据传递。同时，探讨了小程序的渲染层与逻辑层的多线程通讯模型。在事件部分，列举了常见事件类型如touchstart、tap等，并讲解了事件传参的方法和事件对象的属性，如target与currentTarget的区别。

摘要由CSDN通过智能技术生成

一、小程序中的数据渲染

浏览器中渲染是单线程的。
而在小程序中的运行环境分成渲染层和逻辑层， WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。

WXML模板使用 view 标签，其子节点用 { { }} 的语法绑定一个 msg 的变量。

<view>{
   {
   msg}}<iew>

在 JS 脚本使用 this.setData 方法把 msg 字段设置成 “Hello World”。

Page({
   
  onLoad(){
   
 	//只可以改变data中的数据，渲染层不会改变
  	this.data.msg = "Hello"
  	//this.setData 方法渲染层也会跟着改变
    this.setData({

关注