- 使用comopontent组件报错
错误信息：vue.js:491 [Vue warn]: Unknown custom element: <todo-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
代码：
<p> 使用component组件<br> <todo-item></todo-item> </p>Vue.component('todo-item',{ template:'I am a component' });解决办法：将vue的全局注册提取到body的上面，html中就可以引用了
- 仍然使用上面的js代码，会报出第二个错误
错误信息：Component template requires a root element, rather than just text.
解决办法：错误提示中说组件模版中需要一个根元素，而不是文本，将里面的tempate增加html标签即可，更改完的代码
Vue.component('todo-item',{ template:"<li>I am a component</li>" });
vue学习问题总结（一）
2017-11-28
1532
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
使用comopontent组件报错错误信息：vue.js:491 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
目录
相关文章
|
2天前
|
JavaScript
|
3天前
|
JavaScript
|
3天前
|
JavaScript
前端开发
|
3天前
|
JavaScript
前端开发
|
2天前
|
JavaScript
API
|
2天前
|
JavaScript
前端开发
|
2天前
|
JavaScript
|
10天前
|
JavaScript
|
10天前
|
JavaScript
前端开发
|
10天前
|
JavaScript
开发者
热门文章
最新文章
1
vite 如何做到让 vue 本地开发更快速？
2
如何写一手漂亮的 Vue
3
vue3中的四种插槽的介绍-保证让你看看的明明白白！
4
Vue.js 中的 `v-if`、`v-else-if` 和 `v-else`：条件渲染详解
5
vue项目开发笔记记录（二）
6
基于python+django+vue.js开发的医院门诊管理系统/医疗管理系统
7
Nuxt.js：用 Vue.js 打造服务端渲染应用程序（三）
8
Vue面试题之——v-for中的key值的作用是什么
9
部署vue单页面
10
vue再读27v-model语法糖原理
1
vue 动态绑定方法
20
2
vue拖拽 —— vuedraggable 表格拖拽行
182
3
vue 手动/局部刷新组件
87
4
vue【详解】props —— 子组件接收父组件传入的参数
28
5
vue 组件封装 | s-fullpage 全屏滚动 （内含绑定鼠标滑轮滚动事件、避免鼠标滑轮连续滚动、滑动过渡动画等实用技巧）
42
6
vue 动画 —— 滚动动画
28
7
vue 监听滚动条行为 | 判断滚动条是向上滚动还是向下滚动
73
8
vue 组件封装 | s-scroll 页面滚动动画
22
9
vue 页面下滚到目标元素的位置，目标元素自动吸顶（自动悬浮吸附到页面顶部）
166
10
Vue 动画 —— 滑动切换动画 / 滑动翻页过渡动画——从顶部到底部、从底部到顶部、从左侧到右侧、从右侧到左侧
485