Javascript 在没有Vue路由器的情况下从变量渲染Vue模板的不同方法

我目前正在使用Vue JS，没有使用任何路由器。我不使用独立版本，我希望使用webpack实现，并将其与.vue扩展一起使用。正在寻找使用变量渲染Vue模板的更好方法。例如：

// App.Vue
var Loading = {
   template: `<div>Loading...</div>`
}

// main.js
var currentView = Loading;

new Vue({
  el: "#app",
  render(h) {
    return h(currentView);
  }
});

在模板传递给render函数之前，我们如何替换模板的值

---

提前谢谢

h是Vue的createElement，用于创建虚拟Dom元素。与用于创建真实Dom元素的浏览器的createElement相同。因此，它只适用于虚拟Dom，而不适用于字符串。如果您想使用第二个示例，则必须注册一个名为Loading的组件

var Loading = {
   template: `<div>Loading...</div>`
}

// main.js
var currentView = "Loading";

new Vue({
  el: "#app",
  render(h) {
    return h(currentView);
  },
  components: {
     Loading: Loading //register Loading component as "Loading"
  }
});

var Loading = {
   template: `<div>Loading...</div>`
}

// main.js
var currentView = "Loading";

new Vue({
  el: "#app",
  render(h) {
    return h(currentView);
  },
  components: {
     Loading: Loading //register Loading component as "Loading"
  }
});

Vue.component("Loading", Loading);