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>