解决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的replace()方法查找字符示例代码
Oct 28 Javascript
基于jquery实现的文字淡入淡出效果
Nov 14 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
Jul 31 Javascript
学习JavaScript鼠标响应事件
Dec 25 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
浅析node应用的timing-attack安全漏洞
Feb 28 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
vue移动端写的拖拽功能示例代码
Sep 09 Javascript
vue项目支付功能代码详解
Feb 18 Vue.js
解决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
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
phpstorm激活码2020附使用详细教程
2020/09/25 PHP
学习YUI.Ext 第二天
2007/03/10 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
2011/09/12 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
基于javascript实现动态显示当前系统时间
2016/01/28 Javascript
javascript制作照片墙及制作过程中出现的问题
2016/04/04 Javascript
基于jquery实现最简单的选项卡切换效果
2016/05/08 Javascript
js简单实现调整网页字体大小的方法
2016/07/23 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
Node.js 数据加密传输浅析
2016/11/16 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
2016/11/22 Javascript
vue实现2048小游戏功能思路详解
2018/05/09 Javascript
详解vue.js下引入百度地图jsApi的两种方法
2018/07/27 Javascript
Vue 样式绑定的实现方法
2019/01/15 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
JavaScript实现的开关灯泡点击切换特效示例
2019/07/08 Javascript
js实现简单页面全屏
2019/09/17 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python实现弹窗祝福效果
2019/04/07 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
将pymysql获取到的数据类型是tuple转化为pandas方式
2020/05/15 Python
详解解决jupyter不能使用pytorch的问题
2021/02/18 Python
英国优质家居用品网上品牌:URBANARA
2018/06/01 全球购物
经典的班主任推荐信
2013/10/28 职场文书
采购主管工作职责
2013/12/12 职场文书
护士演讲稿范文
2014/01/05 职场文书
餐饮管理自我介绍信
2014/01/15 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
千手观音观后感
2015/06/03 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
python基础入门之普通操作与函数(三)
2021/06/13 Python
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL