記錄Vue中的一些問題

• 記錄Vue中的一些問題
• 問題一

記錄Vue中的一些問題

在學習和使用中難免會遇到一些問題，很多次，有些問題當時查資料解決了，下次又遇到的時候就忘了，所以這裡對日常遇到的關於Vue.js相關的問題做一下記錄，以備日後查閱。

問題一

問題描述：Do not use built-in or reserved HTML elements as component id: xxx
不要使用內建或者保留的HTML元素作為元件(component)id：xxx，意思就是，我有一個元件的name屬性值為xxx，但是這個值式html定義的元素。舉個例子：

這個元件中，我們定義的這個元件的***name***屬性為***header***

<template>
  <header>
  </header>
</template>

<script>
  export default {
  	// 這裡得而header是html元素
    name: "header"
  }
</script>

<style scoped>

</style>

這裡，我們Header元件的name屬性為header,執行時，瀏覽器就會有一個警告：

原因是那麼值header是html標籤存在的元素。只要改成別的名字就沒有這個警告了。

<template>
  <header>
   
  </header>
</template>

<script>
  export default {
    name: "Header"
  }
</script>

<style scoped>

</style>