子组件中，获取的内容总是为空 父组件： <MyCard01 :type1List123="this.type1List" style="margin-left: 20px"></MyCard01> //data属性数据 data() { return { //首页游戏排行的数据列表 type1List: [], }; }, methods: { //首页游戏排名数据 getIndexGameRankList() { this.$http({ //请求方式 method: "GET", //请求地址 url: myapi.getIndexGameRankList, }) .then((response) => { //首页游戏排行的数据列表 this.type1List = response.data.data; }) .catch((error) => {}); }, } 子组件: props: { //口碑好评游戏列表数据 type1List123: [] },

在你的子组件中，你使用了props来接收父组件传递的数据。但是你的问题是无法获取到正确的内容，总是为空。

首先，确保你在父组件中调用了`getIndexGameRankList`方法来获取数据，并且确保该方法被成功执行。你可以在父组件中增加一个生命周期钩子函数`mounted`，在该函数中调用`getIndexGameRankList`方法。

其次，在子组件中，你需要使用动态绑定的方式来接收props数据。你可以使用`:type1List123="type1List123"`的方式来绑定props属性。

修改后的代码如下：

父组件：

<MyCard01 :type1List123="type1List" style="margin-left: 20px"></MyCard01>
//data属性数据
data() {
    return {
        //首页游戏排行的数据列表
        type1List: [],
    };
},
methods: {
    //首页游戏排名数据
    getIndexGameRankList() {
        this.$http({
            //请求方式
            method: "GET",
            //请求地址
            url: myapi.getIndexGameRankList,
        })
            .then((response) => {
                //首页游戏排行的数据列表
                this.type1List = response.data.data;
            })
            .catch((error) => {});
    },
},
mounted() {
    this.getIndexGameRankList();
}

子组件：

props: {
    //口碑好评游戏列表数据
    type1List123: {
        type: Array,
        default: () => [],
    }
},

这样就能正确地获取到父组件传递的数据了。如果还有问题，请提供更多的代码和错误信息，以便更好地帮助你解决问题。