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

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

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

刚入坑vue 在新建组建的时候出现这个问题,原因是我新建的这个组建name: 'nav' 在vue中好像nav 这样的 有点类似于 "关键字" 不能作为组建的name,按照服务端来说 就是不可以命名关键字 为你的属性名一样的意思 所以在vue中 比如 nav ,header,footer 不可以作为组建的name 否则会出现这个问题. <script> export default { name: 'mynav',//不可命名为nav header footer 等 dat

原因是定义了一个叫做details的comonent 跟现有的html网页中的标签重合 export default { name: 'details', data () { return { equityBalance: this.item.equityData, depositWithdraw: this.item.depositWithdraw, symbol: 3, //真实的出金记录 withdrawData: {}, //真实的入金记录 depositData: {} }; } }

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

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

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

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

本片文章我将会记录使用vue-cli 以及一些相关插件遇见的问题和解决方案,另外本文章将会持续更新,本着互联网分享精神,希望我所记录的日常能对大家有所帮助. 1.在img和html文件处于同级阶段,img路径找不到图片. 解决方案:在路径前面加'./'即可. 注意:图片和文件夹属于同级别.(还是给你们上个图吧.) <img src="./search-icon.png" alt=""> 2.Do not use built-in or reserved