Vue3学习之第一节:初识setup

本文介绍了Vue3中的新特性setup,详细讲解了setup执行的时机(在beforeCreate之前,this为undefined)以及setup的两个参数:props(响应式且不可用ES6解构)和context(包含attrs, slots和emit)。setup是组合式API的起点,用于声明组件的数据、方法等。" 127668678,11523603,Linux Shell环境与脚本执行,"['linux', '服务器', '运维', 'bash']
摘要由CSDN通过智能技术生成

介绍

一个组件选项,在组件被创建之前,props 被解析之后执行。
它是组合式 API的入口。
Vue3.0中的一个新的配置项,值为一个函数。组件中所用到的:数据、方法等等,均要配置再setup中。

一、setup执行的时机

    在beforeCreate之前执行一次,this 是 undefined。

注意:在 setup 中你应该避免使用 this,因为它不会找到组件实例。setup 的调用发生在 data property、computed、property 或 methods 被解析之前,所以它们无法在 setup 中被获取。

案例测试demo:

 <template>
  <h1>一个人的信息</h1>
  <h
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值