解决vue 引入子组件报错的问题


Posted in Javascript onSeptember 06, 2018

错误信息:

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

源码:

<script>
import header from "./components/header"
import aside from "./components/aside"
import footer from "./components/footer"
export default {
 name: 'layout',
 components: {
 header: header,
 aside: aside,
 footer: footer
 }
}
</script>

原因:

vue里面不允许使用 Html已有的标签作为自定义标签

修改方案:

<script>
import header from "./components/header"
import aside from "./components/aside"
import footer from "./components/footer"
export default {
 name: 'layout',
 components: {
 'v-header': header,
 'v-aside': aside,
 'v-footer': footer
 }
}
</script>

修复结果: ok!

以上这篇解决vue 引入子组件报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
jquery事件与函数的使用介绍
Sep 29 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
javascript运算符语法全面概述
Jul 14 Javascript
Three.js学习之几何形状
Aug 01 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
Sep 18 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
webpack项目使用eslint建立代码规范实现
May 16 Javascript
Element Dropdown下拉菜单的使用方法
Jul 26 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 #Javascript
vue 解决循环引用组件报错的问题
Sep 06 #Javascript
vue slots 组件的组合/分发实例
Sep 06 #Javascript
React注册倒计时功能的实现
Sep 06 #Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 #Javascript
Vue文件配置全局变量的实例
Sep 06 #Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 #Javascript
You might like
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
PHP ajax 分页类代码
2008/11/13 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
thinkPHP实现基于ajax的评论回复功能
2018/06/22 PHP
Yii2处理密码加密及验证的方法
2019/05/12 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
jquery如何实现在加载完iframe的内容后再进行操作
2013/09/10 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
2016/12/22 Javascript
详解vee-validate的使用个人小结
2017/06/07 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
浅谈Vue.js 中的 v-on 事件指令的使用
2018/11/25 Javascript
js中的reduce()函数讲解
2019/01/18 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
python中MySQLdb模块用法实例
2014/11/10 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
Python语法之精妙的十个知识点(装B语法)
2020/01/18 Python
python实现快递价格查询系统
2020/03/03 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
python开发入门——set的使用
2020/09/03 Python
Python调用高德API实现批量地址转经纬度并写入表格的功能
2021/01/12 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
办公室文秘自我鉴定
2013/09/21 职场文书
毕业实习个人鉴定范文
2013/12/10 职场文书
简单英文演讲稿
2014/01/01 职场文书
群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
劳保用品管理制度范本
2015/08/06 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android