这期内容当中小编将会给大家带来有关在vue 中引入子组件出现报错如何解决,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
Vue是一款友好的、多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库,Vue允许可以将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML、CSS、JavaScript,以用来渲染网页中相应的地方,所以越来越多的前端开发者使用vue。
错误信息:
Donotusebuilt-inorreservedHTMLelementsascomponentid:header
源码:
<script> importheaderfrom"./components/header" importasidefrom"./components/aside" importfooterfrom"./components/footer" exportdefault{ name:'layout', components:{ header:header, aside:aside, footer:footer } } </script>
原因:
vue里面不允许使用 Html已有的标签作为自定义标签
修改方案:
<script> importheaderfrom"./components/header" importasidefrom"./components/aside" importfooterfrom"./components/footer" exportdefault{ name:'layout', components:{ 'v-header':header, 'v-aside':aside, 'v-footer':footer } } </script>
上述就是小编为大家分享的在vue 中引入子组件出现报错如何解决了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注恰卡编程网行业资讯频道。
vue表格组件教程学习(vue proxytable只能在开发环境跨域吗)
vueproxytable只能在开发环境跨域吗?跨域问题来源于JavaScript的同源策略,即只有协议主机名端口号(如...
Vue组件的自定义事件和全局事件总线怎么使用
vue中消息订阅与发布如何使用
vue中消息订阅与发布如何使用这篇文章主要介绍“vue中消息订阅与...
Vue显示图片的方式有哪些
vue引入静态jquery报错如何解决
vue引入静态jquery报错如何解决这篇文章主要介绍“vue引入...
vue-cropper怎么实现裁剪图片
怎么用Vue+NodeJS实现大文件上传
Vue如何实现简易跑马灯效果
Vue怎么指定不编译的文件夹和favicon.ico
Vue怎么指定不编译的文件夹和favicon.ico这篇文章主要介...
Vue中的插槽怎么使用
用户名
密码
记住登录状态 忘记密码?
邮箱
确认密码
我已阅读并同意 用户协议