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

刚入坑vue 在新建组建的时候出现这个问题,原因是我新建的这个组建name: ‘nav‘

在vue中好像nav 这样的 有点类似于 “关键字” 不能作为组建的name,按照服务端来说 就是不可以命名关键字 为你的属性名一样的意思

所以在vue中 比如 nav ,header,footer 不可以作为组建的name 否则会出现这个问题。

<script>
export default {
  name: ‘mynav‘,//不可命名为nav header footer 等
  data () {
    return {
    }
  }
}
</script>

此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处。

如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力。

原文地址:https://www.cnblogs.com/huangenai/p/9736123.html

时间: 2024-08-11 16:10:38

vue Do not use built-in or reserved HTML elements as component id: nav的相关文章

[Vue warn]: Do not use built-in or reserved HTML elements as component id: header

因为header在HTML5里面是个原生的标签,所以在开发的时候会提示错误,解决方法:修改components里面左边的header

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: {} }; } }

vue 渲染是出现 Do not use built-in or reserved HTML elements as component id 的警告

是因为组件命名和引入不一致造成的. 命名组件(nav) export default { name: 'nav', data () { return { } } 引入组件(Navigation) import Mnav from './common/Navigation' 改成一致后可解决该问题. 命名组件(Navigation) export default { name: 'Navigation', data () { return { } } 原文地址:https://www.cnblog

VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i

<script> export default { name:'header'       //  不要使用内置或保留的HTML元素 , 改为Header或者置或保留的HTML元素之外的名称就好了 } </script> 原文地址:https://www.cnblogs.com/500m/p/11780472.html

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

刚刚在搭建项目时发现控制台报错 查找发现是因为组件名称所致,也就是当我们起名一个header.vue的组件时,我们安装的vue插件会自动把name设置为default 这就造成了错误 把header修改为headerNav就ok了!!当然你可以修改为任何你喜欢的名字,前提是不冲突 原文地址:https://www.cnblogs.com/edensyd/p/9962427.html

[Vue warn]: You may have an infinite update loop in a component render function

[Vue warn]: You may have an infinite update loop in a component render function 这个问题很奇怪,之前从来没有遇到过.如果是我自己主导的项目,倒也好办,慢慢 debug 就是:偏偏在公司的项目里遇到这个问题,而公司项目的体系结构很复杂,我还没完全掌握.更恼火的是,因为体系复杂,debug 也非常困难,再加上尚无测试框架,这个难搞啊…… 好死不死的,当时是下午3.4点钟,正好到了肚饿的时刻,结果又落入低血糖状态,真是屋漏

重探vue遇到的那些事(2)

二.[Vue warn]: Do not use built-in or reserved HTML elements as component id: header 写了几个组件,引用,结果没渲染出来,报了个警告. 哦 命名的问题. 还是警告不是error,说明对Vue组件命名没有强制性的规定,但是不符合规范的命名会导致无法引用.还是改名吧. 把名字换成大写Header,发现能解析出来,但是还是会报警告.想必是对大小写进行区分,但是没有限制大写的引用.查了一下组件的命名规则.现在做个小总结:

vue 常用问题

缺少style-loader 或者 stylus-loader 等问题 在文件[package.json]分支:[devDependencies]添加 版本号: "stylus": "^0.54.5", "stylus-loader": "^3.0.1", 在控制台 重新安装依赖.再运行项目 npm installnpm run dev 有postcss就可以实现自己设置浏览器兼容,可以只需要写一句代码:display:fle

vue源码解读0-2

上篇文章已经对index.js中的基本调用情况做了说明,接下来的几篇将对各个函数做仔细的分析,能力有限,文章中不足之处,希望大家能够指正! 上篇中提到在instance/vue中使用了9个高阶函数来构建(install)Vue构造函数(并不会调用该构造函数的进行初始化的过程),一切等在使用new Vue({-.})的时候将一个全新的对象作为函数内this的值,返回该新对象作为结果(函数 调用中构造函数调用的方法) function Vue (options) { this._init(optio