javascript - 隐藏子组件Vue中的主div

Question

有什么方法可以隐藏由 Vue-CLI 构建的 Vue 应用程序中的主 div 吗？我已经尝试附加显示属性，但它没有解决问题。我试图将它隐藏在我的 Channels 组件中。我的主要组件如下所示：

<template>
  <div id="app">
    <Channels/>
  </div>
</template>

<script>
import Channels from './components/Channels'

export default {
  name: 'App',
  components: {
    Channels
  }
}
</script>

标签： javascripthtmlcssvue.js

Answer 1

你的意思是<div id="app">？，你可以直接删除它，但你应该保持三个只是一个根<template>