Vue 3 嵌套路由器中渲染函數和模板之間的不同行為

Question

使用 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 中真的完全相同嗎？

這是示例。

Answer 1

它應該是 ：

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

代替 ：

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

自定義組件應該使用PascalCase格式的普通名稱。