关于 vue-router 的编写
发布于 2 个月前 作者 vxhly 876 次浏览 来自 问答

父组件是Home.vue，子组件是 UpHeader.vue和UpFooter.vue

截图中的写法不能实现引入两个组件，各位大佬有没有办法解决 image.png

image.png

9 回复

.vue 加上。

没有看懂，如果你只想引用子组件的化，直接在 home 中使用 components 引入，之后当组件使用

<div> <up-header></up-header> <up-footer></up-footer> </div>

第一种写法vue-router,不需要children，children表示本页的子页面，你本意是在本页使用子组件，应该改成这样 routers: [ path: ‘/’, name: ‘home’, component: Home, components: { ‘up-header’: Upheader, ‘up-footer’: UpFooter } ]

第二种写法，主要在你使用子组件的名字up-header不对 export default { name: ‘home’, components: { ‘up-header’: UpHeader, ‘up-footer’: UpFooter } }

path.png楼主你文件路径里的这个’@'代表啥啊

@xiaobaicai untitled1.png

已解决了，只要在父组件里面 import 就行了 image.png

@pythonsoft 没毛病，引用的时候就是得写成

<up-header></up-header>
<script>
import UpHeader from '........'
</script>

@pythonsoft 亲，第一种方法行不通吧

回到顶部