【Vue3】子组件引入与注册-组合式API和选项式API之间有区别

组合式setup 使用 引入子组件,则无需使用components注册
<script>
import CreateComponents from "@/components/CreateComponents.vue";
//之后 可在 template中直接使用
</script>
选项式 不使用 setup申明,则需要使用 components注册 子组件!!
<script>
import CreateComponents from "@/components/CreateComponents.vue";
export default{
  components:{
    CreateEvent
  }
}
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js中的选项API组合式API都是用来定义组件的方,但它们之间有着很大的区别选项APIVue.js早期版本中使用的一种定义组件的方。在选项API中,组件定义以一个JavaScript对象的形呈现,包括data、methods、computed、watch等属性和方法。这种方比较简单易懂,适合较小的组件,但是在组件逻辑较为复杂时,选项API的代码会变得冗长难以维护。 组合式APIVue.js 3.0版本中引入的一种全新的组件定义方。该API组件的逻辑拆分成逻辑组合的小函数,使得组件逻辑更加清晰、易于维护。组合式API主要包括setup函数、响应API、生命周期钩函数等。 setup函数是组合式API的核心,它是一个在组件创建之前被调用的函数。setup函数可以返回一个对象,该对象中包含了组件的data、methods、computed、watch等属性和方法。与选项API不同的是,setup函数中不存在this上下文,而是通过传入的参数来访问组件实例。 响应API组合式API的另一个重要特性,它可以让组件中的数据具有响应的特性。使用响应API创建的数据可以自动更新视图,而不需要手动调用更新函数。 生命周期钩函数在组合式API中的使用方选项API相似,不同的是,生命周期钩函数中的this上下文不再指向组件实例,而是需要通过传入的参数来访问组件实例。 综上所述,选项API组合式API都是Vue.js中定义组件的方,但是它们之间有着很大的区别选项API适用于简单的组件,而组合式API则适用于复杂的组件,它可以更好地拆分组件的逻辑,使得代码更加清晰、易于维护。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值