vue中報錯Do not use built-in or reserved HTML elements as component id details

緣由是定義了一個叫作details的comonent
跟現有的html網頁中的標籤重合

export default {
  name: 'details',
  data () {
    return {
      equityBalance: this.item.equityData,
      depositWithdraw: this.item.depositWithdraw,
      symbol: 3,
      //真實的出金記錄
      withdrawData: {},
      //真實的入金記錄
      depositData: {}
    };
  }
}

組件，不能和html標籤重複

details組件，h5新標籤重複

因爲在模板須要插入到 DOM 中，因此模板中的標籤名必須可以被 DOM 正確地解析。主要有三種狀況：

一是徹底不合法的標籤名，例如 </>；

二是與 HTML 元素重名會產生不肯定的行爲，例如使用 input 作組件名不會解析到自定義組件，使用 button 在 Chrome 上正常但在 IE 上不正常；

三是與 Vue 保留的 slot、partial、component 重名，由於會優先以自己的意義解析，從而產生非預期的結果。

解決辦法：

辦法1： 若是咱們採用正確命名，並對應修改上述代碼，將details改正,便可消除報錯。  
辦法2： 也能夠直接刪除name 屬性。

站在巨人的肩膀上摘蘋果:

https://blog.csdn.net/qq_35393869/article/details/80364951

http://www.javashuo.com/article/p-vxiwykmc-bw.html