随笔分类 - 常用函数 / vue3函数
摘要：在 Vue.js 中，<template> 标签是一种特殊的标签，它用于定义组件的模板，但不会直接渲染为 HTML 元素。它的主要用途是在编写组件和使用插槽时提供灵活的模板定义。以下是关于 <template> 标签的一些关键概念和使用示例。 基本用法 组件模板：在单文件组件中（.vue 文件），<
阅读全文
摘要：在 JavaScript 中，await 是一个用于处理异步操作的关键字。它只能在 async 函数内部使用，并且用于等待一个 Promise 对象的解析。在 Vue 3 中，await 关键字常用于在组合式 API 的 setup 函数中处理异步操作，比如数据获取。 使用 await 的示例 以下
阅读全文
摘要：Promise 是 JavaScript 中用于处理异步操作的一种对象。它代表了一个异步操作的最终完成（或失败）及其结果值。在处理异步操作时，Promise 提供了一种更干净、更可读的方式来管理回调函数。 Promise 的状态 一个 Promise 对象有三种状态： Pending（进行中）：初始
阅读全文
摘要：async 关键字用于声明一个异步函数，这个函数会返回一个 Promise 对象。与 await 关键字配合使用时，可以在异步函数中暂停代码执行，直到 Promise 解决或拒绝，从而使异步代码的处理更简单和同步化。 使用 async 的示例 下面是一个完整的 Vue 3 组件示例，展示了如何使用
阅读全文
摘要：onMounted 是一个生命周期钩子函数，在组件挂载到 DOM 后运行。在这里你可以执行需要在组件可用后进行的操作，比如获取数据、设置订阅或初始化第三方库。 使用示例： import { onMounted } from 'vue'; onMounted(() => { // 组件挂载后执行的代码
阅读全文
摘要：ref 用于创建一个对值的响应式引用。这个值可以是原始值（如数字或字符串）或对象。当 ref 的值发生变化时，Vue 会自动更新 DOM 或任何其他使用该 ref 的响应式依赖。 使用示例： import { ref } from 'vue'; const count = ref(0); // 创建
阅读全文
