嵌套路由nuxt-child组件(父子页面组件的传值)

链接:
nuxt文档
相关文章

1.创建内嵌子路由,需要添加一个 Vue 文件,同时添加一个与该文件同名的目录用来存放子视图组件。
这里在pages里新建一个fanil.vue、fanil文件夹
嵌套路由nuxt-child组件(父子页面组件的传值)_第1张图片嵌套路由nuxt-child组件(父子页面组件的传值)_第2张图片

2.fanil.vue源码


3.子组件默认页面index.vue(pages/fanil/index)





4.child.vue(pages/fanil/child)




5.child2.vue(pages/fanil/child2)




最终效果:
嵌套路由nuxt-child组件(父子页面组件的传值)_第3张图片

你可能感兴趣的:(Vue,前端工具)