【数据结构】stack queue —— 栈和队列

news2025/1/13 7:43:52

前言

这阵子一直在学数据结构,知识点消化地有点慢导致博客一直没写,现在总算是有时间歇下来补补前面落下的博客了。从现在起恢复周更,努努力一周两篇也不是梦……闲话少说,今天就让我们一起来认识栈和队列

1. 栈的介绍和使用

栈(stack)是一种特殊的线性表,它只允许先进后出,也就是只能在固定的一端进行插入和删除操作。上面的一端叫做栈顶,可以插入删除,下面的一端就叫做栈底。

压栈/入栈/进栈:即从栈顶添加数据

出栈:即数据在栈顶弹出

栈的原则是:先进后出——就像子弹上膛,弹匣最先压进的子弹最后射出


1.1 语法格式

Stack类位于java.util包当中,我们在使用前要记得导包

import java.util.Stack;

Stack<E> stack = new Stack<>();

又因为Stack实现了List接口,所以我们也可以用接口来引用Satck对象,要记得List类也需要导包

import java.util.List;
import java.util.ArrayList;
 
List<E> stack = new Stack<>();

 对于两种stack的创建,我更推荐第二种,因为List接口的方法更多,而且Stack我们现在用的比较少,不常用了


注:我们在这里介绍的是Stack的原生方法,也就是用第一种方法创建的,并非是接口的方法

1.2 入栈

E push(E e):将e入栈,并且返回e,e以及返回值的类型都为E

        Stack<Integer> stack = new Stack<>();
        stack.push(12);
        stack.push(23);
        stack.push(34);
        System.out.println(stack);

因为Stack已经重写了toString方法,所以我们还可以直接打印list,运行结果如下


1.3 出栈

E pop():将栈顶元素出栈并返回,它会删除栈顶元素

E peek():获取栈顶元素,它并不会删除栈顶元素

        Stack<Integer> stack = new Stack<>();
        stack.push(12);
        stack.push(23);
        stack.push(34);
        System.out.println(stack);

        stack.pop();//34被删除

        Integer p1 = stack.peek();
        System.out.println(p1);//23
        System.out.println(stack);

我们用Stack()先创建了一个空栈,然后连续三个push(),栈内元素从下往上是:12、23、34,接下就pop(),删除栈顶元素34,接着在创建一个p1来接收peek()的值,打印p1,最后在打印stack整个栈。运行结果如下:


1.4 栈的空间

int size():获取栈的大小

boolean empty():检测栈是否为空

*boolean isEmpty():也是判空(是从Collection继承而来的)

        Stack<Integer> stack = new Stack<>();
        stack.push(12);
        stack.push(23);
        stack.push(34);

        int size = stack.size();
        System.out.println(size);

        boolean flag1 = stack.empty();
        System.out.println(flag1);
        //继承来的
        boolean flag2 = stack.isEmpty();
        System.out.println(flag2);

2. 栈的模拟实现

栈是一种特殊的顺序表,它始终遵循先进后出的原则。因此我们可以用数组来模拟实现,同时我们还可以设置一个size值,它可以用来表示当前存放数据的个数,也就是栈的大小;我们还可以用它来表示当前将要存放数据的下标

import java.util.Arrays;

public class MyStack {
    int[] array;
    int usedSize;

    public MyStack(){
        this.array = new int[10];
    }

    //入栈
    public void push(int val) {
        if (isFull()) {
            //扩容
            this.array = Arrays.copyOf(array,2*array.length);
        }
        array[usedSize] = val;
        usedSize++;
    }

    //判满
    public boolean isFull() {
        return usedSize == array.length;
    }

    //出栈,删除栈顶元素
    public int pop() {
        if (isFull()) {
            return -1;
        }
        int ret =  array[usedSize-1];
        usedSize--;
        return ret;
    }

    //获得栈顶元素但不删除
    public int peek() {
        if (isFull()) {
            return -1;
        }
        return array[usedSize-1];
    }

    //求栈的空间大小
    public int size() {
        return usedSize;
    }

    //判空
    public boolean empty() {
        return 0 == usedSize;
    }
}

3. 栈的应用场景

括号匹配 —— 力扣 20. 有效的括号

分析:我们可以把想到的情况都列出来,以下四种情况中,只有第一种才是true,其余三种都是false

我们先创建一个空栈,然后遍历字符串s,遇到左括号就入栈,接着继续遍历,遇到右括号就用peek获得栈顶元素,然后跟右括号匹配。如果是一对的,就把左括号出栈,如果不是一队,就直接返回false。而且如果我们遍历完字符串s后,栈还不为空,就时情况三和情况四,直接返回false


具体代码

class Solution {
    public boolean isValid(String s) {
        //创建一个空栈
        Stack<Character>  stack = new Stack<>();

        //遍历字符串s
        for(int i = 0; i < s.length(); i++) {
            把字符串s的元素一个个拆出来
            char ch1 = s.charAt(i);

            //如果为左括号,就入栈
            if(ch1 == '(' || ch1 == '[' || ch1 == '{') {
                stack.push(ch1);
            } else {
                //判断栈空不空,空则返回false
                if(stack.empty()) {
                    return false;
                }
                else {
                    //当前ch1为右括号,那就先获取栈顶元素
                    char ch2 = stack.peek();
                    if((ch2 == '(' && ch1 == ')') 
                        || (ch2 == '{' && ch1 == '}') 
                        || (ch2 == '[' && ch1 == ']') ) {
                        //匹配成功,栈顶的左括号出栈
                        stack.pop();
                    } else {
                        //匹配失败,直接返回false
                        return false;
                    }
                }
            }
        }
        //字符串s遍历完了,直接用栈是否为空来当返回值
        return stack.empty();
    }
}

逆波兰表达式 —— 力扣 150. 逆波兰表达式求值

在做这道题之前,我们先来讲一下什么是逆波兰表达式:

逆波兰表达式:也叫做后缀表达式,即运算符在操作数后面。我们平时所看到的表达式都是中缀表达式,就像 2 * (3 + 5),这个表达式我们看起来很简单,算起来也不难;但是对于计算机来说,它就读不懂这个表达式的意思,因此逆波兰表达式应运而生。

逆波兰表达式的格式非常奇怪,我们可以把中缀表达式转换成逆波兰表达式:就像 2 * (3 + 5),转换后就是 2 3 5 *+,是不是完全看不懂?看不懂就对了,因为这是专门给计算机看的。

我们还可以把中缀表达式转换成逆波兰表达式,这里有两种方法:

方法一:取巧法

  1. 把表达式从左到右加上括号(要按照先乘除后加减的顺序加)
  2. 把对应的运算符向右拉到对应的括号外面

方法二:使用栈,因为篇幅过长,此处不讲,有兴趣的可以在站内搜一下


讲了这么多,就是为了最后要怎么计算逆波兰表达式,没错,还是得用栈

思路:字符串数组tokens中既有数字又有符号,所以我们要额外写一个方法来判断,接着我们遍历字符串数组,一边遍历一边判断,当遇到数字时,就入栈;遇到就弹出两个数字,先放右边,再放左边,确保减和除的顺序不出错,算完后的结果再入栈,一直遍历下去直到字符串的末尾


具体代码

class Solution {
    public int evalRPN(String[] tokens) {
        //创建空栈
        Stack<Integer> stack = new Stack<>();

        //遍历数组
        for(int i = 0; i < tokens.length;  i++) {
            String tmp = tokens[i];
            //判断是数字还是符号
            if(!isOperation(tmp)) {
                //数字就入栈
                Integer val = Integer.valueOf(tmp);
                stack.push(val);
            } else {
                //符号就弹出两个数字
                Integer val2 = stack.pop();
                Integer val1 = stack.pop();
                //用switch来选择要哪种运算
                switch (tmp) {
                    //算完后结果再入栈
                    case "+":
                    stack.push(val1 + val2);
                    break;
                    case "-":
                    stack.push(val1 - val2);
                    break;
                    case "*":
                    stack.push(val1 * val2);
                    break;
                    case "/":
                    stack.push(val1 / val2);
                    break;
                }
            }
        }
        //遍历完字符串数组,弹出最终结果
        return stack.pop();
    }

    public boolean isOperation(String s) {
        if(s.equals("+") || s.equals("-") || s.equals("*") || s.equals("/")) {
            return true;
        }
        return false;
    }
}

4. 队列的介绍和使用

队列(Queue)也是一种特殊的线性表,他只允许在一端进行插入操作,在另一端进行删除操作,也就是先进先出。插入操作的一端就是队尾,删除操作的一端就叫做队头

入队:即数据从队尾入队

出队:即数据从队头出队


4.1 语法格式

(在Java中,Queue是一个接口,底层是用链表实现的,因此我们在实例化时必须用LinkedList的对象,因为LinkedList它实现了Queue接口)

import java.util.LinkedList;
import java.util.Queue;

Queue<Integer> queue = new LinkedList<>();

要记得导包 


4.2 入队

boolean offer(E e):将e从队尾插入进队里,如果队列空间不够,则返回false
        Queue<Integer> queue = new LinkedList<>();
        queue.offer(12);
        queue.offer(23);
        queue.offer(34);
        System.out.println(queue);

 运行结果如下


4.3 出队

E poll():将队头数据弹出,并返回该数据(会删除队头元素)
E peek():获取队头数据,但并不删除
        Queue<Integer> queue = new LinkedList<>();
        queue.offer(12);
        queue.offer(23);
        queue.offer(34);
        System.out.println(queue);

        queue.poll();//删除12

        Integer I = queue.peek();//获取队头元素
        System.out.println(I);//23
        System.out.println(queue);

运行结果如下


4.4 队列的空间

(此处的方法均为Collection的方法,因为Queue没有判空等方法)

int size():获取队列的大小

boolean isEmpty():检测队列是否为空

        Queue<Integer> queue = new LinkedList<>();
        queue.offer(12);
        queue.offer(23);
        queue.offer(34);
        System.out.println(queue);

        System.out.println(queue.size());
        System.out.println(queue.isEmpty());

运行结果如下 

 


5. 队列的模拟使用

5.1 链式存储结构

队列是一种特殊的顺序表,它始终遵循先进先出的原则。因此我们可以使用链表来模拟实现,即链式结构

public class MyQueue {

    //创建链表
    class ListNode {
       public int val;
       public ListNode prev;
       public ListNode next;

        public ListNode(int val) {
            this.val = val;
        }
    }

    public ListNode head;
    public ListNode last;

    //入队(尾插法)
    public void offer(int val) {
        ListNode node = new ListNode(val);
        if (head == null) {
            head = last = node;
        } else {
            last.next = node;
            node.prev = last;
            last = last.next;
        }
    }

    //出队(头删法)返回出对的元素
    public int poll() {
        try {
            checkQueueEmpty();
        } catch (QueueEmptyException e) {
            e.printStackTrace();
        }
        int ret = head.val;
        if (head.next == null) {
            head = last = null;
        } else {
            head = head.next;
            head.prev = null;
        }
        return ret;
    }

    private void checkQueueEmpty() throws QueueEmptyException {
        if (isEmpty()){
            throw new QueueEmptyException("队列为空!");
        }
    }

    //取出队头元素,不删除
    public int peek() {
        try {
            checkQueueEmpty();
        } catch (QueueEmptyException e) {
            e.printStackTrace();
        }
        return head.val;
    }

    public boolean isEmpty() {
        return head == null;
    }
}

栈的空间异常判断

public class QueueEmptyException extends RuntimeException{
    public QueueEmptyException() {

    }
    public QueueEmptyException(String message) {
        super(message);
    }
}

5.2 顺序存储结构

除了用链式结构,我们还可以使用顺序结构来模拟实现队列

public class MyQueue {
    int[] array;
    int front;
    int rear;

    public MyQueue(){
        this.array = new int[10];
    }
}

初始状态(队列为空):front == rear == 0
进队:当队列不满时,先送数据到队尾,再将rear加1
出队:当队列不为空时,先把队头数据取出,再将front加1
但是当我们把队列内所有的元素都删除时,front又会等于rear,此时队列内为空,但front == rear ≠ 0,会出现“假溢出”现象


循环队列

为了解决“假溢出”现象,我们可以把队列头尾相接,形成循环队列。循环队列是一种头尾相接的顺序存储结构

当我们要向循环队列插入一个元素,此时如果last是在队尾,就应该:last = (last+1)%elem.length

当我们要把循环队列删除一个元素,此时如果first是在队头,就应该:first = (first+1)%elem.length

当我们想要区分队列是空是满,有三种方法:

1. 添加一个计数size,插入一个就size++,用size去跟array.length来比较判断

2. 浪费一个空间,这个空间不放元素,当last指向这里时,即为满

3. 使用标记,标记上队头队尾的位置,一旦first和last到那里,就能判断

可以做一下这道题加深理解 —— 力扣 622. 设计循环队列

6. 栈和队列的相互转换

6.1 用队列实现栈

原题地址: 力扣 225. 用队列实现栈

读题后我们可以提炼出重点:

  1. 我们可以使用两个队列,并且使用队列的标准操作(push、pop、peek、size、isEmpty)
  2. 我们要实现的是栈的四个基本操作:push、top、pop、empty(通过示例我们可以知道top等同于peek)
  3. 要注意MyStack类各方法的返回值

具体代码

1. 先把两个队列初始化:

    public Queue<Integer> queue1;
    public Queue<Integer> queue2;
    public MyStack() {
        queue1 = new LinkedList<>();
        queue2 = new LinkedList<>();
    }

2. 判空 empty( ) :

    public boolean empty() {
        return (queue1.isEmpty() && queue2.isEmpty());
    }

3. 入栈 push( ):

入栈的思想很简单,哪个队列空了就放在哪个队列

我们可以先判断整个栈空不空,即使用empty,为true就直接放入队列1。不为空则表明俩队列有一个为空,一个不为空,照这个思路我们可以用代码来实现

    public void push(int x) {
        if (empty()) {
            queue1.offer(x);
            return;
        }
        if (!queue1.isEmpty()) {
            queue1.offer(x);
        } else {
            queue2.offer(x);
        }
    }

4. 出栈 pop( ):

首先,判断栈是否为空,不为空直接返回-1(写个异常更好,此处不展示);接下来,把一个队列中的N-1个元素放到另一个队列中,此时队列剩下的最后一个元素就是我们要“出栈”的元素

    public int pop() {
        if (empty()) {
            return -1;
        }
        
        if (!queue1.isEmpty()) {
            int size = queue1.size();
            for (int i = 0; i < size - 1; i++) {
                queue2.offer(queue1.poll());
            }
            return queue1.poll();
        } else {
            int size = queue2.size();
            for (int i = 0; i < size - 1; i++) {
                queue1.offer(queue2.poll());
            }
            return queue2.poll();
        }
    }

5. 获取栈顶元素 top( ):

思路跟出栈类似,但只是返回栈顶元素并不删除

    public int top() {
        if (empty()) {
            return -1;
        }
        if (!queue1.isEmpty()) {
            int size = queue1.size();
            int ret = 0;
            for (int i = 0; i < size; i++) {
                ret = queue1.poll();
                queue2.offer(ret);
            }
            return ret;
        } else {
            int size = queue2.size();
            int ret = 0;
            for (int i = 0; i < size; i++) {
                ret = queue2.poll();
                queue1.offer(ret);
            }
            return ret;
        }
    }

6.2 用栈实现队列

原题地址:​​​​​​​力扣 232. 用栈实现队列

同样我们先读题,提炼信息:

  1. 我们可以使用两个栈,并且使用队列的标准操作(push、pop、peek、size、isEmpty)
  2. 我们要实现的是栈的四个基本操作:push、pop、peek、empty
  3. 要注意MyQueue类各方法的返回值

具体代码

1. 先把两个栈初始化

    Stack<Integer> stack1;
    Stack<Integer> stack2;
    public MyQueue() {
        stack1 = new Stack<>();
        stack2 = new Stack<>();
    }

2. 判空 empty( ):

    public boolean empty() {
        return stack1.empty() && stack2.empty();
    }

3. 入队 push( ):

直接把元素压入任一栈中

    public void push(int x) {
       stack1.push(x);
    }

4. 出队 pop( ):

队列的原则是先进先出,我们现在手头上有两个栈,当把第一个数据入栈时,此时要出队的就是它。所以我们可以用另一个栈来存放栈底之上的所有元素,最后元素即为要取出的元素。

因此我们得通过循环把栈1的元素全存到栈2里

    public int pop() {
        if (empty()) {
            return -1;
        }
        if (stack2.isEmpty()) {
            while (!stack1.isEmpty()) {
                stack2.push(stack1.pop());
            }
        }
        return stack2.pop();
    }

5. 获取队头元素peek( ):

思路和出队类似,但我们不把元素弹出

    public int peek() {
        if (empty()) {
            return -1;
        }
        if (stack2.isEmpty()) {
            while (!stack1.isEmpty()) {
                stack2.push(stack1.pop());
            }
        }
        return stack2.peek();
    }

结语

今天我们一起学习了栈和队列,它们俩在结构上和原则上都很类似,要牢记栈是先进后出,队列是先进先出,这些知识点在后面二叉树的学习中还会遇到,接下来博主会把链表的那篇博客补上,敬请期待吧

希望大家能喜欢这篇文章,有总结不到位的地方还请多多谅解,若有出现纰漏,希望大佬们看到错误之后能够在私信或评论区指正,博主会及时改正,共同进步!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1618333.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

40-50W 1.5KVDC 隔离 宽电压输入 DC/DC 电源模块——TP40(50)DC 系列

TP40(50)DC系列电源模块额定输出功率为40-50W、应用于2:1、4&#xff1a;1电压输入范围 9V-18V、18V-36V、36V-75V、9V-36V、18V-75V的输入电压环境&#xff0c;输出电压精度可达1%&#xff0c;可广泛应用于通信、铁路、自动化以及仪器仪表等行业。

dremio支持设置

Dremio 支持提供可用于诊断目的的设置。这些设置通过 Dremio UI&#xff1a;设置>支持启用&#xff08;或禁用&#xff09; 使用 Client Tools 可以配置当用户查看数据集中的数据时&#xff0c;Dremio 项目的工具栏上显示哪些客户端应用程序按钮。用户可以通过单击相应的工具…

验证 python解释器是否安装成功

一. 简介 前一篇文章学习了下载并安装 python解释器&#xff0c;文章如下&#xff1a; windows系统下python解释器安装-CSDN博客 本文验证 python解释器是否安装成功。 二. 验证 python解释器是否安装成功 1. 首先&#xff0c;打开 Windows系统的 "cmd" 界面。…

javascript(第三篇)原型、原型链、继承问题,使用 es5、es6实现继承,一网打尽所有面试题

没错这是一道【去哪儿】的面试题目&#xff0c;手写一个 es5 的继承&#xff0c;我又没有回答上来&#xff0c;很惭愧&#xff0c;我就只知道 es5 中可以使用原型链实现继承&#xff0c;但是代码一行也写不出来。 关于 js 的继承&#xff0c;是在面试中除了【 this 指针、命名提…

机器人模型匹配控制(MPC)MATLAB实现

模型匹配控制&#xff08;Model matching control&#xff09;是指设计一个控制器使闭环系统的传递函数tf(s)与td(s)相一致&#xff01; mpcDesigner 可以分为&#xff1a; 2时域精确模型匹配控制3频域精确模型匹配控制 机械臂控制中应用模型匹配控制&#xff08;Model Matc…

springboot整合mybatis-plus模版

1.创建springboot项目 Maven类型Lombok依赖Spring Web 依赖MySQL Driver依赖pom.xml&#xff1a;<?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/…

开发环境中的调试视图(IDEA)

当程序员写完一个代码时必然要运行这个代码&#xff0c;但是一个没有异常的代码却未必满足我们的要求&#xff0c;因此就要求程序员对已经写好的代码进行调试操作。在之前&#xff0c;如果我们要看某一个程序是否满足我们的需求&#xff0c;一般情况下会对程序运行的结果进行打…

【Nginx】centos和Ubuntu操作系统下载Nginx配置文件并启动Nginx服务详解

目录 &#x1f337; 安装Nginx环境 &#x1f340; centos操作系统 &#x1f340; ubuntu操作系统 &#x1f337; 安装Nginx环境 以下是在linux系统中安装Nginx的步骤&#xff1a; 查看服务器属于哪个操作系统 cat /etc/os-release安装 yum&#xff1a; 如果你确定你的系统…

Linux驱动开发——(四)内核定时器

一、内核的时间管理 1.1 节拍率 Linux内核中有大量的函数需要时间管理&#xff0c;比如周期性的调度程序、延时程序等等&#xff0c;对于驱动编写者来说最常用的是定时器。 硬件定时器提供时钟源&#xff0c;时钟源的频率可以设置&#xff0c;设置好以后就周期性的产生定时中…

Vulnhub靶机 DC-6 打靶实战 详细渗透测试过程

Vulnhub靶机 DC-6 详细渗透流程 打靶实战 目录 Vulnhub靶机 DC-6 详细渗透流程 打靶实战一、将靶机导入到虚拟机当中二、渗透测试主机发现端口扫描信息探测web渗透目录爆破爆破后台密码反弹shell搜集有价值信息SSH远程登录提权反弹jens用户权限的shell 提权利用 一、将靶机导入…

使用kali进行DDos攻击

使用kali进行DDos攻击 1、打开命令提示符&#xff0c;下载DDos-Attack python脚本 git clone https://github.com/Elsa-zlt/DDos-Attack 2、下载好之后&#xff0c;cd到DDos-Attack文件夹下 cd DDos-Attack 3、修改&#xff08;设置&#xff09;对ddos-attack.py文件执行的权…

OpenHarmony实战开发-

简介 SmartPerf-Host是一款深入挖掘数据、细粒度展示数据的性能功耗调优工具&#xff0c;可采集CPU调度、频点、进程线程时间片、堆内存、帧率等数据&#xff0c;采集的数据通过泳道图清晰地呈现给开发者&#xff0c;同时通过GUI以可视化的方式进行分析。该工具当前为开发者提…

理发师问题的业务建模方案

背景 题目&#xff1a; 假设有一个理发店只有一个理发师&#xff0c;一张理发时坐的椅子&#xff0c;若干张普通椅子顾客供等候时坐。没有顾客时&#xff0c;理发师睡觉。顾客一到&#xff0c;叫醒理发师 。如果理发师没有睡觉&#xff0c;而在为别人理发&#xff0c;他就会坐…

【git】多仓库开发

通常我们习惯了在单个仓库下多分支开发&#xff0c;最近用了多仓库开发&#xff0c;我拿一个开源项目举例&#xff0c;总结一下基本流程。 1.fork项目到自己仓库 2.把自己仓库项目pull到本地 3.在本地新建开发分支 git checkout -b dev 4.修改/添加分支对应的远程仓库 修…

数据通信核心

一.认识网络设备 互联网网络设备有AC,AP,防火墙,路由器&#xff0c;交换机等。 这里我们一起了解一下 框式交换机—— 主控板相当于大脑&#xff0c;属于控制平面 交换机网板——数据平面&#xff0c;转发平面——进行不同网卡之间的数据交换&#xff08;设备内部之间的转发…

(2024)Visual Studio的介绍、安装与使用

Visual Studio介绍 1.Visual Studio是什么&#xff1f; Visual Studio是微软公司推出的一款开发工具包系列产品&#xff0c;它是一个基本完整的开发工具集&#xff0c;为软件开发者提供了整个软件生命周期中所需的大部分工具。 2.Visual Studio的定义 Visual Studio是美国微软公…

智慧图书馆为什么用rfid电子标签而不是磁条

智慧图书馆一般都会使用RFID技术&#xff0c;而不是磁条。以下是几个原因&#xff1a; 1. 效率更高&#xff1a;RFID技术可以实现非接触式读取&#xff0c;图书馆工作人员可以同时读取多本书的信息&#xff0c;大大提高了借还书的效率。 2. 数据量更大&#xff1a;RFID标签可以…

多项式和Bezier曲线拟合

目录 1. 多项式拟合2. Bezier曲线拟合3. 源码地址 1. 多项式拟合 在曲线拟合中&#xff0c;多项式拟合方法的性能受到三个主要因素的影响&#xff1a;采样点个数、多项式阶数和正则项。 采样点个数 N N N&#xff1a;从Figure 1中可以看出较少的采样点个数可能导致过拟合&…

npm install 卡在still idealTree buildDeps不动

前言 再使用npm install 安装包依赖时 发现一直卡住 停留在 观察node_cache下的_logs文件 发现一直在拉取包 37 silly idealTree buildDeps 38 silly fetch manifest riophae/vue-treeselect0.4.0尝试解决 尝试设置了taobao镜像源 依然如此 获取已经设置的镜像源 确实是ta…

Vue3:响应式数据的基本使用(ref、reactive)

一、前言 在Vue3中&#xff0c;如果数据不是响应式数据&#xff0c;当数据的值发生改变时&#xff0c;页面上的数据是不会发生改变的。因此本文主要介绍Vue3中响应式数据的使用&#xff0c;包括ref和reactive的基本使用。 二、ref 1、ref —— 创建基本类型的响应式数据 re…