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>

Answer 1

您可以使用<template>标签。

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>


<div id="app">
  <template>
  	<p>
	  Am I wrapped around Div or Template?
	</p>
  </template>
</div>

<script>
new Vue({
  el: "#app"
})
</script>

您可以检查 p 的父级开发者工具中的标签。是div而不是template