錯誤資訊:

    Do not use built-in or reserved HTML elements as component id: header

原始碼:

<script>
import header from "./components/header"
import aside from "./components/aside"
import footer from "./components/footer"
export default {
  name: 'layout',
  components: {
    header: header,
    aside: aside,
    footer: footer
  }
}
</script>
 

原因:

    vue裡面不允許使用 Html已有的標籤作為自定義標籤

修改方案:

<script>
import header from "./components/header"
import aside from "./components/aside"
import footer from "./components/footer"
export default {
  name: 'layout',
  components: {
    'v-header': header,
    'v-aside': aside,
    'v-footer': footer
  }
}
</script>