微信小程序-变量

109 阅读1分钟

1、局部变量,在组件或者页面中定义的变量,只可在当前组件中使用

// pages/recommend/index.js
Page({
  
  data:{
    msg:'hello world',
    articleList:[]
  }
})
<!--pages/recommend/index.wxml-->
<view>
  <text>{{msg}}</text>
</view>

2、全局变量

(1)在app.js中定义的变量,其他组件和页面也可以拿到

// app.js
App({
  globalData: {
    globalMsg:'global data...'
  }
})
// pages/recommend/index.js
const app=getApp()
Page({
  onLoad(){
    console.log(app.globalData);
  }
})

(2)当然还可以借用wxs模块定义变量,供页面使用

// utils/all.wxs
module.exports={
  name:'zhangsan',
  eating:function(){
    console.log('food')
  }
}
<!--pages/recommend/index.wxml-->
<view>
  <wxs src="../../utils/all.wxs" module="all" />
  <text>{{all.name}}</text>
  <text>{{all.eating()}}</text>
</view>