在查看本文前,心愿各位能够好好看看这一篇文章:该报错的单个组件解决方案

在网上查找时看到的最好解答,举荐具体看看

多组件应用以下计划:

因为多组件时,在父组件应用status,status的状态无奈复用,所以将status放到子组件中

子组件HTML局部:

<template>    <div v-if="status">          {{ index[0].text }}    </div></template>

子组件JavaScript局部:

export default {    props: ['index'],    data() {        return {          status: false,        }    },    mounted() {        this.status = true;    },}

这样做是为了让每个子组件在获取到数据后再渲染