vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

今天的开发中发现了这个问题

Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

• 原因: 是因为vue3中允许在<template>中不设置根节点, 所以我在某个页面中没有使用根节点, 但是<router-view>上我添加了class="container"的类名, 这个类名会被添加到组件的根节点上, 但是组件现在没有根节点, 因此就出现这个问题
• 解决: 为组件添加根节点. 之后container类名会被添加到根节点上