Vue3中两种创建实例方式的区别

Question

const app = Vue.createApp({
  /* 通过配置对象选项创建 */
})

import App from 'App.vue'
//通过.vue组件创建
const app=Vue.createApp(App)

1.请问这两种创建方式有什么区别
2.这两种方式创建的实例是同一类型的实例吗？
3.通过组件创建的实例，怎么配置data()、method()等
4.起码在vite中会出现：App.vue文件中无法再export default，提示一个模块不能具有多个默认导出，这跟文档中不一致，那么我错在了哪呢？

Answer 1

1.区别就是createApp的参数写的位置不一样
2.是同一类型的实例
3.vue3中没有data()、methods属性，但是数据可以用ref定义，methods可以直接写在setup中

<script setup>
    import {ref} from 'vue';
    const a = ref();
    function fn(){
        console.log(a.value)
    }
</script>

4.你的文件应该是<script setup></script>，写了setup，<script>里面是setup的内容，已经有一个默认导出了。