最新Vue3 新增 内置组件 使用，前端开发面经分享

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

emits: {

‘close-modal’: null

// (payload: any) => {

// return payload.type === ‘close’

// }

},

setup(props, context) {

const buttonClick = () => {

context.emit(‘close-modal’);

}

return {

buttonClick

}

}

});

3. 使用 Modal 组件

<button @click=“openModal”>modal

<Modal :title=“modalTitle” :isOpen=“modalIsOpen” @close-modal=“onModalClose”>

My modal

1.3 预览效果

二、Suspense

---

Suspense 官方文档

Waring：作为 Vue3 中实验性的功能，随时都有可能修改，所以不建议用于生成环境的应用

2.1 介绍

1. Suspense 是可以用来异步数据，它拥有一个本地的处理方法用来适配多种情形

2. 提供了二选一（加载完成 和 失败的插槽）

更详细的内容大家可以自行翻阅官方文档，我只是进行一部分的挑选

2.2 使用 Suspense

1. 为了实现异步效果，我们可以使用 Promise 来实现异步操作。

2. 我们定义如下组件 AsyncShow.vue 组件

{{ result }}

3. 在 App.vue 里面使用该组件

<template #default>

<template #fallback>

Loading…