uniapp get
uniapp 获取数据的方法
在 uniapp 中，获取数据通常涉及网络请求、本地存储、页面传参等方式。以下是一些常见的数据获取方法：
网络请求
使用 uni.request 发起 HTTP 请求获取服务器数据：
uni.request({
url: 'https://example.com/api/data',
method: 'GET',
success: (res) => {
console.log(res.data);
},
fail: (err) => {
console.error(err);
}
});本地存储
通过 uni.getStorageSync 或 uni.getStorage 获取本地缓存数据：
// 同步获取
const data = uni.getStorageSync('key');
// 异步获取
uni.getStorage({
key: 'key',
success: (res) => {
console.log(res.data);
}
});页面传参
在页面跳转时通过 URL 传递参数，目标页面通过 onLoad 生命周期获取：
// 页面跳转传参
uni.navigateTo({
url: '/pages/detail?id=123'
});
// 目标页面获取参数
onLoad(options) {
console.log(options.id); // 输出 123
}全局变量
使用 getApp() 获取应用实例，访问全局定义的数据：
const app = getApp();
console.log(app.globalData);组件通信
父子组件间通过 props 或自定义事件传递数据：
// 父组件传递数据
<child-component :propData="parentData"></child-component>
// 子组件接收数据
props: ['propData'],
mounted() {
console.log(this.propData);
}注意事项
- 网络请求需配置合法域名，在
manifest.json中设置。 - 异步操作建议使用
Promise或async/await处理。 - 跨端兼容性需测试不同平台的表现。
