Vue 3嵌套路由器中渲染函数和模板之间的不同行为答案

【问题标题】：Different behavior between render function & template in Vue 3 Nested RouterVue 3嵌套路由器中渲染函数和模板之间的不同行为
【发布时间】：2020-11-18 02:43:54
【问题描述】：

使用 Vue 3 嵌套路由器，我设置了这样的结构：

root1
  └ Parent Route (router-view with Render Function)
      └ Child Route [FAIL TO RENDER]
root2
  └ Parent Route (router-view with Template)
      └ Child Route [FINE]

在我看来，这两种方式是可以互换的，但实际表现不同。有什么问题？

另外，是

render() { return Vue.h("router-view") }

template: "<router-view></router-view>"

在 Vue 3 中真的完全一样吗？

这里是Example。

【问题讨论】：

标签： javascript vue.js vue-router vuejs3

【解决方案1】：

应该是：

  component: {
    render() {
      return Vue.h(VueRouter.RouterView) 
    }
  },

而不是：

render() { return Vue.h("router-view") }

自定义组件应使用PascalCase 格式的纯名称。

【讨论】：