为什么vue的2种方式实例化及其区别

Question

我遇到了两种实例化vue的方法

1）

 new Vue({
  el: '#app',
 router,
 components: { App },
 template: '<App/>'
  })

另一个是以下

2)
new Vue({
 router,
 render: h => h(App)
 }).$mount('#app')

1）为什么有2种方法？ 2）渲染和安装重要性，并且可以在任何地方使用吗？ 3）什么是“ h”？ 4）我们是否在函数中仅使用h（App）App？