vue3中同步组件的问题

来源：3-13 动态组件和异步组件

慕九州5038668

2021-02-21

在vue3中，定义同步组件变成了如下这样：

<template>
    <h1>{{ username }}</h1>
</template>

<script>
import { defineComponent } from 'vue'
export default defineComponent({
    data(){
        username:"张三"
	},
    mounted () {
        console.log(11111)
    }
})
</script>

那么vue3中，还可以使用以前的那种直接导出对象的写法吗？

原来的写法，和现在的这种defineComponent写法有什么区别吗？

写回答

1回答

Dell

2021-02-21

已采纳

还可以用，区别就是底层改了，你直接用defineComponent用的是最新语法，你用老的语法 Vue 需要帮你转化做个兼容。

慕九州5038668

明白怎么回事了，vue-cli创建脚手架的时候，加上了ts，它才会显示这种语法，如果不加ts，还是原先老的语法。我说呢....

2021-02-21

共1条回复

Vue3入门与项目实战掌握完整知识体系

明星讲师DELL亲授，全方位知识点+高匹配度项目，入门到深度掌握

3382 学习 · 1454 问题

查看课程

相似问题

vue3如何实现组件父传子，同步传参？

回答 1

vue3 如何封装组件并支持发布到npm仓库

回答 1

子组件使用时名字的大小写问题

回答 1

什么是同步，什么是异步？

回答 1

non-props 中的 inheritAttrs 问题

回答 1

打开慕课网App查看更多内容