一般将
App.vue作为根组件，您将vue2_demo和vue3_demo等作为子组件导入并注册// App.vue
<script>
import Vue2Demo from './components/vue2_demo.vue';
import Vue3Demo from './components/vue3_demo.vue';
export default {
components: {
Vue2Demo,
Vue3Demo
}
}
</script>
<template>
<div>
<vue2-demo />
<vue3-demo />
</div>
</template>
在
main.js中，您将使用App.vue作为根组件创建Vue应用，不带代码// main.js
import { createApp } from 'vue';
import App from './App.vue'; // 根组件
import './style.css'; // CSS样式
const app = createApp(App);
app.mount('#app');