说起 Vue 3肯定不会陌生，作为时下最火的前端框架之一，很多人将它作为入门框架。但是尽管 Vue 3很久之前就已经开始投入使用，也不免会有人抱怨 Vue 3的知识点太多太杂，更新太快。这不，最近 Vue 3又定稿了一项新技术：script-setup 语法糖。1.什么是setup语法糖起初 Vue3.0 暴露变量必须 return 出来，template中才能使用现在只需在script标签中添加
# Vue 3 全局使用 Axios 的指南
随着前端框架的不断发展，Vue.js 逐渐成为了开发现代化 web 应用的热门选择。Vue 3 的推出带来了 Composition API 等新特性，极大地方便了开发者的使用。而 Axios 是一个基于 Promise 的 HTTP 库，能够实现与服务器的请求和响应交互。本文将通过示例介绍如何在 Vue 3 中全局使用 Axios。
## 1.
vue3:setup语法糖
转载
2023-02-25 13:24:09
135阅读
父传子 父组件 <template> <Person :age="age" /> </template> <script lang="ts" setup name="App"> import { ref } from 'vue'; import Pe
选项式API与之前写法相同，本篇文章主要通过 Options API 和 Composition API 对比 watch 的使用方法，让您快速掌握 vue3 中 watch 新用法。建议收藏！一、watch 新用法选项式API中，watch 使用watch:{
mood(curVal,preVal){
console.log('cur',curVal);//最新值
console.lo
一，简介：2020年9月18日， vue3发布3.0版本， 代号大海贼时代来临，One Piece1，特点：无需构建步骤，渐进式增强静态的 HTML 在任何页面中作为 Web Components 嵌入 单页应用 (SPA) 全栈 / 服务端渲染 (SSR) Jamstack / 静态站点生成 (SSG) 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面2，Vue3带来了什么打包大小减少4
转载
2024-04-03 21:53:35
164阅读
Vue3的语法糖
原创
2023-06-26 18:40:57
298阅读
Vue.js 是一款用于构建用户界面的渐进式 JavaScript 框架。它是目前最流行的前端框架之一，拥有强大的生态系统和丰富的功能。Vue.js 3 是 Vue.js 的下一个主要版本，它带来了一些重要的改进和新特性。在本篇文章中，我们将介绍如何在 Vue.js 3 中使用 Axios 来进行全局通信。
Axios 是一个基于 Promise 的 HTTP 客户端，可以用于发送 HTTP 请
原创
2024-02-02 08:15:52
75阅读
本文章共5314字，预计阅读时间5-15分钟。前言不知不觉Vue-next[1]的版本已经来到了3.1.2，最近对照着源码学习Vue3的全局Api，边学习边整理了下来，希望可以和大家一起进步。我们以官方定义、用法、源码浅析三个维度来一起看看它们。下文是关于Vue3全局Api的内容，大家如果有更好的理解和想法，可以在评论区留言，每条我都会回复~全局API全局API是直接在Vue上挂载方法，在Vue中
组合式 API 基础 setup 组件选项在创建组件之前执行，一旦 props 被解析，并充当合成 API 的入口点。setup的两个注意点：1、setup执行时机，在beforeCreate之前执行一次，this是undefined；1.1、setup的参数：（1）：props：指为对象，包含组件外部传递过来，且组件内部声明接收了的属性。（2）：conte
开门见山 按照惯例，从上帝视角看一下自定义指令在 Vue 3 中发生了哪些改变：自定义指令的 API 改了名字，名字更贴近组件的生命周期自定义指令可以通过子组件的 v-bind="$attr"传递Vue2.x 的自定义指令 在 Vue 2 中，自定义指令通过以下可选的钩子去创建：bind：当指令绑定在对应元素时触发。只会触发一次。inserted：当对应元素被插入到
## Vue3中全局使用Axios的方法
在Vue3中，Axios是一种流行的HTTP客户端，用于与后端服务器进行数据通信。通过全局使用Axios，我们可以在整个Vue应用程序中轻松发送HTTP请求，并处理返回的数据。
### 安装Axios
在开始之前，我们需要先安装Axios。在项目的根目录下，打开终端并运行以下命令：
```shell
npm install axios
```
#
原创
2023-11-25 13:38:06
335阅读
作用：功能分开 1、创建 src/hooks/useSum.ts 2、uesSum.ts文件 import { onMounted, ref } from 'vue'; // 属性、
setup语法糖（computed使用与watch监听）
原创
2023-02-24 11:47:25
1077阅读
1 什么是setup语法糖？怎么使用？最开始Vue3.0 暴露变量方法必须 return 出来，template中才能使用；现在只需在script标签中添加setup，组件只需引入不用注册，属性和方法也不用返回，也不用写setup函数，也不用写export default ，甚至是自定义指令也可以在我们的template中自动获得。<template> <my-comp
转载
2022-10-30 05:56:32
2095阅读
本文已参与[新人创作礼]活动，一起开启掘金创作之路数字处理方法(tools.js) ```javascript // 字符串true、false转布尔true、false String.prototype.toBool = function(){ return (/^true$/i).test(this); }
//清除字符串首尾空格
String.prototype.trim=function(
前言vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义
转载
2021-10-16 15:37:20
660阅读
前言vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义了
转载
2022-02-08 14:18:10
784阅读
theme: cyanosishighlight: zenburn 目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法
原创
2022-06-20 17:27:17
2445阅读
原理： 1. 单独新建一个全局变量模块文件，模块中定义一些变量初始状态，用export default 暴露出去。 2. 在main.js中引入，并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用； 3. 或者直接引入到需要的模块文件中使用；项目目录步骤1、新建 global_variable.js文件，用于存放变量，示例如下：const baseURL = 'ww
