vue2 和vue3 main.js

在Vue2中，我们通常在main.js文件中进行Vue实例的创建和配置。它看起来可能类似于这样：

import Vue from 'vue'
import App from './App.vue'

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

在这个示例中，我们导入Vue库和根组件App.vue。然后，我们创建一个新的Vue实例，并将根组件作为渲染函数的参数传递给它。最后，我们使用$mount方法将Vue实例挂载到页面上的#app元素上。

在Vue3中，有一些变化和改进。主要的变化是使用了createApp函数来创建Vue实例，而不是直接调用Vue构造函数。以下是一个Vue3的main.js示例：

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

在这个示例中，我们使用createApp函数来创建Vue实例，并将根组件作为参数传递给它。然后，我们使用mount方法将Vue实例挂载到页面上的#app元素上。

需要注意的是，在Vue3中，不再需要在Vue实例上使用$mount方法，而是直接使用mount方法。这是因为Vue3中的createApp函数返回的是一个应用实例，而不是直接返回一个Vue实例。

总结起来，Vue2和Vue3的main.js文件有一些差异，主要是在创建Vue实例的方式上有所不同。