在使用element-plusloading加载组件时,发现了这么一个方法  引发思考:第一行代码很好懂,创建一个ElLoading实例,其中options时启动loading配置项第三行代码很好懂,关闭这个loading实例,那么第二行这个nextTick是干什么用呢 我们不妨反向思考一下,如果没有这个方法,直接写loadingInstance.close会
转载 2024-05-18 13:50:23
136阅读
setup() { //数据 let num = ref(0) let msg = ref('6666') let person = reactive({ name:'大王', age:18, job:{ j1:{ money:20 } } }) //情况1:监视ref定义数据(watch有第三个 ...
转载 2021-10-25 22:37:00
156阅读
2评论
setup执行时组件对象还没有创建,此时不能使用this来访问data/computed/methods/props我们可以通过 getCurrentInstance这个函数来返回当前组件实例对象,也就是当前vue这个实例对象 <template> <div> </div> </template
原创 2022-04-21 13:43:48
1519阅读
定义:在 Vue3,ref成为了新集合,除了用于创建 响应式数据之外,还可以用于用DOM元素、组件实例和其他对象。变得更加全能多样
原创 2024-06-05 09:28:45
530阅读
vue3 hooks 是什么?简单来说如果你函数中用到了诸如 ref,reactive,onMounted 等 vue 提供 api 的话,那么它就是一个 hooks 函数,如果没用到它就是一个普通工具函数。至于它为什么叫 hooks,我理解则是它可以通过特定函数将逻辑 “钩入” 组件,使得开发者能够更灵活地构建和管理组件功能从而提高代码可读性以及可维护性等本篇文章将介绍hoo
Vue Vue.prototype 详解及使用——作用:避免和已被定义数据、方法、计算属性产生冲突**应用场景:**在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,可以通过在原型上定义它们使其在每个 Vue 实例可用。1、基本示例在main.js添加一个变量到 Vue.prototypesrc/main.jsVue.prototype.$appName = 'My A
一.Vue3介绍相信大家都已经学习过Vue2了,对Vue有了一定了解。那么今天我们就一起来学习有关Vue3知识点。那为什么要学习Vue3呢,主要是他有以下特点。 (1)新增组合式api (2)更加接近原生 (3)更加解耦(react启发)二.Vue3安装全局安装脚手架(如果安装过脚手架请忽略这步)npm i @vue/cli -g 创建一个vue3 项目vue create 项目名称
Vue3Vue3hooks函数示例
原创 2022-08-28 00:01:21
352阅读
对于大多数单页应用程序而言,管理路由是一项必不可少功能。随着新版本vue Router处于Alpha阶段,我们已经可以开始查看下一个版本vue它是如何工作Vue3许多更改都会稍微改变我们访问插件和库方式,其中包括Vue Router。我们将结合使用Alpha版本Vue Rout
转载 2020-09-29 19:01:00
174阅读
2评论
迎接Vue3系列:在Vue2与Vue3构建相同组件如何在Vue3使用生命周期函数如何在Vue3 Composition API提取和重用逻辑Vue3.0 公测版 PPT (中文)Vue3 Composition API 如何替换Vue Mixins前端全栈开发者推荐搜索Vue3ReactJavaScript实战小技巧对于大多数单页应用程序而言,管理路由是一项必不可少功能。随着新版本V
原创 2021-01-13 08:53:16
643阅读
你可以在组件中使用 emits 选项来声明可以触发事件。
原创 6月前
383阅读
Vue3,​slot-scope​​ 已被废弃,取而代之是新 ​​v-slot​​ 语法。虽然 ​​slot-scope​​ 在 Vue2 中用于定义作用域插槽,但在 Vue3
# Vue 3 中使用 Axios 实现数据请求 在现代前端开发,数据请求是非常常见需求。而在 Vue 3 ,Axios 作为一个流行 HTTP 客户端库,提供了一个简单易用接口来发送 HTTP 请求。本文将详细介绍如何在 Vue 3 项目中使用 Axios 进行数据请求,同时会提供部分代码示例。 ## Axios 简介 Axios 是一个基于 Promise HTTP 客户端
原创 2024-10-28 07:02:44
13阅读
## 在Vue 3使用Axios指南 Axios 是一个流行 HTTP 客户端库,通常用于处理 API 请求。在 Vue 3 中集成 Axios 是非常简单过程。本文将带你逐步实现这一功能。 ### 流程概述 | 步骤 | 描述 | | ----------- | ----
原创 10月前
54阅读
组件触发事件不会冒泡,父组件只能监听直接子组件触发事件。父组件–在引入子组件上绑定事件子组件–用 defineEmits() 声
原创 2023-12-14 09:32:49
97阅读
# 在 Vue 3 中使用 Axios 实现 API 请求 在现代前端开发,Axios 是一个非常流行 HTTP 客户端库,它可以用于向服务器发送请求并处理响应。本文将会带你详细学习在 Vue 3 项目中如何使用 Axios。 ## 实现流程 在开始开发之前,我们需要确定实现步骤。以下是整个流程简要概述: | 步骤 | 描述 | |-
原创 2024-10-16 06:08:24
52阅读
目录前言正文安装axios封装请求api1. 在src目录下新建个api目录,里面放请求相关文件,新建`request.js`文件,首先引入`axios`2. 创建一个`axios`实例3. axios请求拦截器4. axios响应拦截器5. 封装请求函数,可以根据项目实际情况处理参数(此处仅处理了get与post请求)6. 最后导出函数方法使用方式1. 可以将接口全部定义在一个文件内(方便管
转载 2023-09-26 09:08:30
205阅读
在使用Vue3构建中大型web应用时, 组件通信 肯定是不可避免。本文就具体介绍一下使用Vue3 props、 \(emit、expose / ref、\)attrs、v-model、provide / inject、Vuex、mitt 等方式进行组件通信。1.props用 props 传数据给子组件有两种方法,如下混合写法:Option API + setup // Parent.vue
转载 2023-07-31 19:31:31
669阅读
一、基础配置步骤 1. 安装依赖 npm install vue-router@4 # 或使用 yarn/pnpm yarn add vue-router@4 2. 创建路由配置文件 (src/router/index.js) import { createRouter, createWebHistory } from 'vue-router' import HomeView from '
原创 6月前
112阅读
Vue3Vue3生命周期及先后次序
原创 2022-08-28 07:01:39
1100阅读
  • 1
  • 2
  • 3
  • 4
  • 5