解决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 相关文章推荐
用显卡加速,轻松把笔记本打造成取暖器的办法!
Apr 17 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
Sep 03 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
理解javascript中Map代替循环
Feb 26 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
Nov 25 Javascript
jQuery 获取多选框的值及多选框中文的函数
May 16 Javascript
利用js获取下拉框中所选的值
Dec 01 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
Apr 25 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
js实现表格单列按字母排序
Aug 12 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 项目的方法
2007/01/02 PHP
分享PHP header函数使用教程
2013/09/05 PHP
PHP中preg_match函数正则匹配的字符串长度问题
2015/05/27 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
修改发贴的编辑功能
2007/03/07 Javascript
jquery ui resizable bug解决方法
2010/10/26 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
JavaScript中对JSON对象的基本操作示例
2016/05/21 Javascript
通过扫描二维码打开app的实现代码
2016/11/10 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
小程序实现展开/收起的效果示例
2018/09/22 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
Javascript原型链及instanceof原理详解
2020/05/25 Javascript
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
python实现人脸识别代码
2017/11/08 Python
每天迁移MySQL历史数据到历史库Python脚本
2018/04/13 Python
Python SVM(支持向量机)实现方法完整示例
2018/06/19 Python
python实现图片批量压缩程序
2018/07/23 Python
小白入门篇使用Python搭建点击率预估模型
2018/10/12 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
django修改models重建数据库的操作
2020/03/31 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
时尚圣经:The Fashion Bible
2019/03/03 全球购物
大学自荐信
2013/12/12 职场文书
家长对孩子的感言
2014/03/10 职场文书
青年安全生产示范岗事迹材料
2014/05/04 职场文书
军训拉歌口号
2014/06/13 职场文书
副校长个人对照检查材料思想汇报
2014/10/04 职场文书
邹越演讲观后感
2015/06/15 职场文书
革命电影观后感
2015/06/18 职场文书
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis