Vue-cli 中main.js里的Vue实例的默认布局（template）问题。

Question

Vue-cli 中在main.js的vue实例中设置了默认组件，但我在某些页面不需要这些默认组件，该怎么办？例如后台页面，登陆页面等，我需要空白的页面。

//main.js:
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

//APP.vue:
//这里的layout是包含一个header的导航菜单，和一个右浮动的 silde。
<template>
  <div id="app">
    <layout></layout>
  </div>
</template>

<script>
import Layout from '@/Layout'
export default {
  components:{
    Layout 
  },
  name: 'App'
}
</script>

Answer 1

你可以使用v-router来实现；
或者判断url来显示或隐藏layout