
Vue3
聂大哥
前端技术爱好者,有问题可私聊
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue3 中结合 ElementPlus 实现弹窗的封装
Vue3自定义弹窗,知识点包含vue3的emit使用,自定义ref,子组件内容方法向外暴露。原创 2022-09-30 11:40:16 · 4129 阅读 · 2 评论 -
Vue3 父子组件传值 provide、inject
provide、inject只适用于父子组件或祖孙组件等之间进行传值,在兄弟组件之间不适用。首先,需在父级组件中使用provide:<script>import { provide } from 'vue'export default { setup(){ provide('num',123) }}</script>接着,在子组件中使用inject:<script>import { inject } from 'vue';export原创 2021-07-09 21:52:41 · 1151 阅读 · 0 评论 -
Vue3实现页面异步加载时显示等待内容
页面在等待网络请求时总是要展示些东西给用户,来提升用户体验。在Vue2中,我们可能会使用v-if或v-show来控制等待请求时页面等待内容的展示与隐藏。那么在Vue3 中,这种做法完全是多余的,Vue3 给我们提供了更方便快捷的用法—— Suspense 标签。示例:假设我们在App.vue中引入了CountTest.vue组件,在CountTest中有异步请求:<template> <div> <span>姓名:{{name}}<原创 2021-07-09 21:42:05 · 2987 阅读 · 0 评论