关于 vue-router 的编写
发布于 5 年前 作者 vxhly 3319 次浏览 来自 问答

父组件是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楼主你文件路径里的这个’@'代表啥啊

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

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

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

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

回到顶部