vue.js - vue模板套用问题
本文介绍了vue.js - vue模板套用问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
被套用的模板
<template>
<div id="goodsd-page">
goodsd
</div>
</template>
<script>
import sendRequest from '../js/req.js'
export default {
name: 'goodsd',
data() {
return {
}
},
}
</script>
引用的模板
<template>
<div id="app">
<div class="top-nav">
<router-link to="/" exact class="link-dafult"><span>首页</span></router-link>
<router-link to="/news" class="link-dafult"><span>新闻动态</span></router-link>
<router-link to="/goods" class="link-dafult"><span>产品展示</span></router-link>
<router-link to="/about" class="link-dafult"><span>关于我们</span></router-link>
<router-link to="/buy" class="link-dafult buy"><span>我要下单</span></router-link>
</div>
<router-view class="wrap"></router-view>
<div class="bottom-wrap">
<img src="http://of0zdndod.bkt.clouddn.com/static/img/bg.png" />
</div>
<goodsd></goodsd>
</div>
</template>
<script>
import goodsd from '@/components/page/goodsdetail'
export default {
name: 'app',
data() {
return {
}
}
}
</script>
这样引用报错
vue.esm.js?d2fe:558 [Vue warn]: Unknown custom element: <goodsd> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <App> at F:testzygzzygwsrcApp.vue)
新手求解,谢谢!
解决方案
引用了之后需要注册
components:{
goodsd
}
这篇关于vue.js - vue模板套用问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文