解决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 相关文章推荐
静态的动态续篇之来点XML
Dec 23 Javascript
jquery封装的对话框简单实现
Jul 21 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 Javascript
JSONP之我见
Mar 24 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
vue数组对象排序的实现代码
Jun 20 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
Sep 10 Javascript
node.js express框架实现文件上传与下载功能实例详解
Oct 15 Javascript
一文帮你理解PReact10.5.13源码
Apr 03 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
建立文件交换功能的脚本(一)
2006/10/09 PHP
PHP 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
用PHP的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
PHP使用静态方法的几个注意事项
2014/09/16 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
JavaScript实现shuffle数组洗牌操作示例
2019/01/03 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
2019/04/28 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
2020/10/09 Javascript
[36:37]2014 DOTA2华西杯精英邀请赛5 24 VG VS iG
2014/05/25 DOTA
python实现批量改文件名称的方法
2015/05/25 Python
Python进程间通信Queue实例解析
2018/01/25 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
Python计算一个点到所有点的欧式距离实现方法
2019/07/04 Python
新手入门Python编程的8个实用建议
2019/07/12 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
python 绘制国旗的示例
2020/09/27 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
vivo智能手机官方商城:vivo
2016/09/22 全球购物
特步官方商城:Xtep
2017/03/21 全球购物
销售业务员岗位职责
2014/01/29 职场文书
应届毕业生如何写求职信
2014/02/16 职场文书
娱乐节目策划方案
2014/06/10 职场文书
煤矿开采专业求职信
2014/07/08 职场文书
电子商务优秀毕业生求职信
2014/07/11 职场文书
小学教师节活动总结
2015/03/20 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
详细介绍python操作RabbitMq
2022/04/12 Python
Linux中如何安装并部署Redis
2022/04/18 Servers