Vue中遇到的一些小問題
阿新 • • 發佈:2018-11-20
記錄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>