Vue.js 为什么vue cli 3模板或任何其他模板在main.js上有'h=>h（App）`而不仅仅是'new vue（App）`？

如果打开任何CodeSandbox Vue模板或Vue cli 3模板，可以在main.js中看到此代码

方法1 新Vue{ render:h=>hApp， }$mountapp； 我对这段代码有点困惑，为什么不

方法2 新的VueApp.$mountapp；

---

编写方法1有什么好处吗？

是的，有一个好处-当您使用options对象时，还可以添加Vue Router、Vuex、定义一些数据、计算属性、监视程序、方法，甚至一些生命周期挂钩。例如：

新Vue{ 数据： { 当前用户：null， lastError:null， showLoadingSpinner:错误， }, 计算： { 基本URL { 返回process.env.BASE\u URL； } }, 创建 { this.$on'logout'，this.logout； }, 销毁前 { this.$off'logout'，this.logout； }, 路由器：我的路由器， 商店：myStore， render:h=>hApp， }.$mount'app'；