解决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 相关文章推荐
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
图片无缝滚动代码(向左/向下/向上)
Apr 10 Javascript
7个让JavaScript变得更好的注意事项
Jan 28 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
Oct 27 Javascript
jQuery时间日期三级联动(推荐)
Nov 27 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
微信小程序中上传图片并进行压缩的实现代码
Aug 28 Javascript
JavaScript从原型到原型链深入理解
Jun 03 Javascript
JQuery复选框全选效果如何实现
May 08 jQuery
使用vue判断当前环境是安卓还是IOS
Apr 12 Vue.js
Vue深入理解插槽slot的使用
Aug 05 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
session 的生命周期是多长
2006/10/09 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
Joomla简单判断用户是否登录的方法
2016/05/04 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
PHP getName()函数讲解
2019/02/03 PHP
自定义jQuery选项卡插件实例
2013/03/27 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
js实现防止被iframe的方法
2015/07/03 Javascript
浅谈javascript原型链与继承
2015/07/13 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
vue.js学习笔记:如何加载本地json文件
2017/01/17 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
vue中使用cropperjs的方法
2018/03/01 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
[43:47]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第一场 12.09
2020/12/11 DOTA
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
python 搭建简单的http server,可直接post文件的实例
2019/01/03 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
PyQt QListWidget修改列表项item的行高方法
2019/06/20 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
Pytorch对Himmelblau函数的优化详解
2020/02/29 Python
pycharm 2018 激活码及破解补丁激活方式
2020/09/21 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
办公室文员自荐书
2014/02/03 职场文书
解决IIS7下无法绑定https主机的问题
2022/04/29 Servers