vue2和vue3中main.js的区别
时间: 2023-08-23 11:14:51 浏览: 110
vue2与vue3的使用区别与组件通信
在 Vue2 和 Vue3 中,main.js 的主要区别如下:
Vue2 中的 main.js:
```javascriptimport Vue from 'vue';
import App from './App.vue';
new Vue({
render: h => h(App),
}).$mount('#app');
```
在 Vue2 中,我们使用 `new Vue()` 创建一个根实例,并通过 `render` 方法将根组件 App 渲染到指定的 DOM 元素上。
Vue3 中的 main.js:
```javascriptimport { createApp } from 'vue';
import App from './App.vue';
createApp(App).mount('#app');
```
在 Vue3 中,我们使用 `createApp()` 创建一个应用实例,并通过 `mount` 方法将根组件 App 挂载到指定的 DOM 元素上。
注意,Vue3 中使用了新的函数 `createApp` 替代了 Vue2 中的 `new Vue()`。这是因为 Vue3 引入了 Composition API,为了更好地支持新的 API,改变了创建应用实例的方式。
除此之外,其他代码逻辑和使用方式在 main.js 中并没有太大的区别。只是在引入 Vue 的方式和创建应用实例的方式上有所改变。
阅读全文