父组件是Home.vue,子组件是 UpHeader.vue和UpFooter.vue
截图中的写法不能实现引入两个组件,各位大佬有没有办法解决
回复 (9)
M
.vue 加上。
H
没有看懂,如果你只想引用子组件的化,直接在 home 中使用 components 引入,之后当组件使用
M
P
第一种写法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 } }
X
楼主你文件路径里的这个'@'代表啥啊
I
引用 xiaobaicai楼主你文件路径里的这个'@'代表啥啊
@xiaobaicai
V
已解决了,只要在父组件里面 import 就行了
V
引用 pythonsoft第一种写法vue router,不需要children,children表示本页的子页面,你本意是在本页使用子组件,应该改成这样 routers: [ path: '/', name: 'ho...
@pythonsoft 没毛病,引用的时候就是得写成
<up-header></up-header>
<script>
import UpHeader from '........'
</script>
V
参与回复
登录后即可参与回复。登录