解决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 图片缩放(按比例)控制代码
May 27 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
May 23 Javascript
js日期时间补零的小例子
Mar 05 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
Sep 17 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
webuploader实现上传图片到服务器功能
Aug 16 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
在Echarts图中给坐标轴加一个标识线markLine
Jul 20 Javascript
JavaScript 语句之常用 for 循环详解
Mar 29 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
简单的php写入数据库类代码分享
2011/07/26 PHP
详解PHP中的null合并运算符
2015/12/30 PHP
php单链表实现代码分享
2016/07/04 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
php array_map()函数实例用法
2021/03/03 PHP
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
判断iframe是否加载完成的完美方法
2010/01/07 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
用js实现输入提示(自动完成)的实例代码
2013/06/14 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
2015/06/05 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
基于js 本地存储(详解)
2017/08/16 Javascript
angular中ui calendar的一些使用心得(推荐)
2017/11/03 Javascript
vue项目关闭eslint校验
2018/03/21 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
如何使用JavaScript实现栈与队列
2019/06/24 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
JavaScript实现飞舞的泡泡效果
2020/02/07 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
[03:02]安得倚天剑,跨海斩长鲸——中国军团出征DOTA2国际邀请赛
2018/08/14 DOTA
Django框架下在视图中使用模版的方法
2015/07/16 Python
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
基于python实现文件加密功能
2020/01/06 Python
Jabra捷波朗美国官网:用于办公、车载和运动的无线蓝牙耳麦
2017/02/01 全球购物
普通简短的个人自我评价
2014/02/15 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
高中政治教学反思
2016/02/23 职场文书
Golang 实现获取当前函数名称和文件行号等操作
2021/05/08 Golang