当前位置: 首页 > article >正文

vue3:setup

1.简介

直接在script标签中添加setup属性就可以直接使用setup语法糖了。

使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用

2.新增的api

defineProps:子组件接收父组件中传来的props

defineEmits:子组件调用父组件中的方法

defineExpose:子组件暴露属性或方法,可以在父组件中拿到

子组件:

<script setup>

import {defineProps, defineEmits} from 'vue';

defineProps({

num:{

type: Number,

default:NaN

}

})

const emit = defineEmits(["alertSome"]);

// 方法中

emit('alertSome', 668);

</script>


http://www.kler.cn/a/3348.html

相关文章:

  • ASP.NET Core 6.0 如何处理丢失的 Startup.cs 文件
  • vue3+uniapp开发鸿蒙初体验
  • UDP 广播组播点播的区别及联系
  • Git常用命令
  • docker ubuntu:20.04构建c++ grpc环境
  • OpenCV相机标定与3D重建(65)对图像点进行去畸变处理函数undistortPoints()的使用
  • U - 速算24点
  • 2022(一等奖)D775北部湾红树林生理结构参数对水位变化的响应特征研究
  • 【去哪儿旅行笔试题】德州扑克
  • 【云原生】Kubernetes(k8s)之Pod概念和使用
  • 基于pytorch+Resnet101加GPT搭建AI玩王者荣耀
  • 【VScode】远程连接Linux
  • 2. 01背包问题
  • Python解题 - CSDN周赛第38期
  • 【机器学习基础 3】 sklearn库
  • 智能触摸面板开关一Homekit智能家居
  • ES6新增功能强大的运算符详解!!!写项目事半功倍!!!力荐!!!
  • 深入探索Android卡顿优化(上)
  • AD/DA转换(XPT2046)
  • [oeasy]python0116_文字的起源_苏美尔文明_楔形文字_两河流域
  • 【数据结构】二叉树及相关习题详解
  • SANGFOR 旧防火墙配置怎么导入新防火墙
  • 【Python】虚拟环境及在VS Code当中的使用
  • 线程池的讲解和实现
  • 图形视图界面 图形效果
  • 【数据结构】树的介绍