uniapp请求数据渲染页面

在Uniapp中，可以使用Vue的数据绑定和组件化开发来实现数据请求和页面渲染。一般来说，可以使用uni.request()方法来发送请求，然后在请求成功后将数据保存到Vue的data中，最后在页面中使用数据绑定进行渲染。

以下是一个简单的例子：

1. 在Vue实例中定义data:

export default {
    data() {
        return {
            dataList: []
        }
    },
    methods: {
        getData() {
            uni.request({
                url: 'https://example.com/api/data',
                success: res => {
                    this.dataList = res.data
                }
            })
        }
    },
    mounted() {
        this.getData()
    }
}

2. 在页面中使用数据绑定进行渲染:

<template>
    <view>
        <view v-for="(item, index) in dataList" :key="index">
            <text>{{ item.title }}</text>
        </view>
    </view>
</template>

在上面的例子中，我们使用了uni.request()方法发送了一个请求，请求成功后将响应数据保存到了Vue实例的dataList属性中。然后在页面中使用v-for指令将dataList中的数据进行循环渲染，最后使用数据绑定将每个数据项的title属性渲染到页面上。