摘要:
1.css 只在当前组件起作用? 答: 在 style 标签中写入 scoped 即可 例如:<style scoped></style> 2.v-if 和 v-show 区别? 答:v-if 按照条件是否渲染,v-show 是 display 的 block 或 none; v-if 操作的是元素 阅读全文
摘要:
全局 API 修改 Global API Change Vue2 的全局配置 import Vue from 'vue' import App from './App.vue' Vue.config.ignoredElements = [/^app-/] Vue.use(/* ... */) Vue 阅读全文
摘要:
Suspense - 异步请求好帮手第二部分 使用 async await 改造一下异步请求, 新建一个 DogShow.vue 组件 <template> <img :src="result && result.message"> </template> <script lang="ts"> im 阅读全文
摘要:
Suspense - 异步请求好帮手第一部分 定义一个异步组件,在 setup 返回一个 Promise,AsyncShow.vue <template> <h1>{{result}}</h1> </template> <script lang="ts"> import { defineCompon 阅读全文
摘要:
Teleport - 瞬间移动 第二部分 Modal 组件 <template> <teleport to="#modal"> <div id="center" v-if="isOpen"> <h2><slot>this is a modal</slot></h2> <button @click=" 阅读全文
摘要:
Teleport - 瞬间移动 第一部分 Teleport 文档地址 <template> // vue3 新添加了一个默认的组件就叫 Teleport,我们可以拿过来直接使用,它上面有一个 to 的属性,它接受一个css query selector 作为参数,这就是代表要把这个组件渲染到哪个 d 阅读全文
摘要:
使用 defineComponent 包裹组件 defineComponent 文档地址 阅读全文
摘要:
模块化结合typescript - 泛型改造 // 为函数添加泛型 function useURLLoader<T>(url: string) { const result = ref<T | null>(null) // 在应用中的使用,可以定义不同的数据类型 interface DogResul 阅读全文
摘要:
模块化难度上升 - useURLLoader axios 文档地址 // 安装 axios 注意它是自带 type 文件的,所以我们不需要给它另外安装 typescript 的定义文件 npm install axios --save import { ref } from 'vue' import 阅读全文
摘要:
模块化开发 第一部分 鼠标追踪器 // 在单组件内添加对应逻辑 const x = ref(0) const y = ref(0) const updateMouse = (e: MouseEvent) => { x.value = e.pageX y.value = e.pageY } onMou 阅读全文