摘要: 全局 API 修改 Global API Change Vue2 的全局配置 import Vue from 'vue' import App from './App.vue' Vue.config.ignoredElements = [/^app-/] Vue.use(/* ... */) Vue 阅读全文
posted @ 2021-02-28 20:09 `Duet` 阅读(174) 评论(0) 推荐(0) 编辑
摘要: Suspense - 异步请求好帮手第二部分 使用 async await 改造一下异步请求, 新建一个 DogShow.vue 组件 <template> <img :src="result && result.message"> </template> <script lang="ts"> im 阅读全文
posted @ 2021-02-28 20:02 `Duet` 阅读(277) 评论(0) 推荐(0) 编辑
摘要: Suspense - 异步请求好帮手第一部分 定义一个异步组件,在 setup 返回一个 Promise,AsyncShow.vue <template> <h1>{{result}}</h1> </template> <script lang="ts"> import { defineCompon 阅读全文
posted @ 2021-02-28 19:27 `Duet` 阅读(985) 评论(0) 推荐(0) 编辑
摘要: Teleport - 瞬间移动 第二部分 Modal 组件 <template> <teleport to="#modal"> <div id="center" v-if="isOpen"> <h2><slot>this is a modal</slot></h2> <button @click=" 阅读全文
posted @ 2021-02-28 19:13 `Duet` 阅读(96) 评论(0) 推荐(0) 编辑
摘要: Teleport - 瞬间移动 第一部分 Teleport 文档地址 <template> // vue3 新添加了一个默认的组件就叫 Teleport,我们可以拿过来直接使用,它上面有一个 to 的属性,它接受一个css query selector 作为参数,这就是代表要把这个组件渲染到哪个 d 阅读全文
posted @ 2021-02-28 15:19 `Duet` 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 使用 defineComponent 包裹组件 defineComponent 文档地址 阅读全文
posted @ 2021-02-28 12:01 `Duet` 阅读(4879) 评论(0) 推荐(0) 编辑
摘要: 模块化结合typescript - 泛型改造 // 为函数添加泛型 function useURLLoader<T>(url: string) { const result = ref<T | null>(null) // 在应用中的使用,可以定义不同的数据类型 interface DogResul 阅读全文
posted @ 2021-02-28 11:30 `Duet` 阅读(337) 评论(0) 推荐(0) 编辑