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

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,提示一个模块不能具有多个默认导出,这跟文档中不一致,那么我错在了哪呢?
Vue3中两种创建实例方式的区别


回答:

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的内容,已经有一个默认导出了。

以上是 Vue3中两种创建实例方式的区别 的全部内容, 来源链接: utcz.com/p/936905.html

回到顶部