微信小程序数据绑定和转移

最新推荐文章于 2023-07-18 13:55:40 发布

时光旅行者石头

最新推荐文章于 2023-07-18 13:55:40 发布

阅读量2.6k

点赞数

文章标签：微信小程序

本文链接：https://blog.csdn.net/weixin_45246970/article/details/107123919

版权

本文详细介绍了微信小程序中的数据绑定、模板使用、页面间数据传递和数据存储的方法。强调了良好的编程习惯，如理解生命周期，以及如何通过setData同步更新数据。还探讨了在模板中定义代码片段、在元素属性中绑定数据以及利用缓存storage进行数据持久化存储的实践技巧。

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

代码复杂时，一定要对页面的相关函数的生命周期和访问的顺序有一个深入的了解。

数据优先现代前端编程，可以无视DOM，只需要关注数据变化
数据绑定使用Mustache语法(双大括号)将变量包起来。
只有data:{}中的数据才能绑定到页面，自定义的不能
setData()可以同步更新data属性中的数据，this.setData是同步方法，一定会保证这段代码走完之后，onLoad函数才结束。更保险
读取data中的数值，使用this.data
页面加载时，data会以JSON字符串的形式由传递至页面，所以，data中的数据必须是可以转成JSON的类型：字符串、数字、布尔值、对象、数组。
任意JS文件中声明的变量和函数只在该文件中有效，如果要跨页面数据共享，在app.js中定义全局变量，在其他JS中使用getApp()获取和更新。var app = getApp()
在标签的属性中使用，一定要用双引号。引号和{}之间一定不能有空格
在标签的属性写true or false时，写在{ {}}里面，只有这样它才是以布尔值判断的，字符串代表true，空字符串代表false
data:{}中的值属于单向数据绑定，数据的改变只能从.js–>.wxml，小程序目前只能做单向数据绑定。页面数据改变，小程序可以通过事件的方式改变js变量。
{}中可以加入表达式，简单的运算：数学运算、字符串拼接、逻辑运算、三元表达式，不能加入语句。

function sayHello(name){
   ...}
module.exports.sayHello = sayHello

在需要使用的JS文件中用require引用(相对路径)

var common = require('../../utils/common.js')
Page({
   
hello:function(){
   
common.sayHello('2020')
}
})

数据不应该写在脚本文件里面，而应该从脚本文件里面发一个请求，向服务器请求数据。
posts-data.js

var local_database=[
{
   data

关注