在单独的 Vue 组件中单击按钮加载另一个 Vue 组件

Question

我有一个用于表单的 vue 组件，当我单击添加新按钮时，它应该加载另一个 vue 组件。以下是添加新按钮。

public class Leinwand{

      public void zeichnen(ArrayList<Figur> figur){
            loeschen();
            zeichenflaeche.repaintFiguren(figur);   
        }

      private void loeschen() {
        Color original = graphic.getColor();
        graphic.setColor(hintergrundfarbe);
        Dimension size = zeichenflaeche.getSize();
        graphic.fill(new Rectangle(0, 0, size.width, size.height));
        graphic.setColor(original);
      }


    private class Zeichenflaeche extends JPanel {
        private static final long serialVersionUID = 20060330L;


     

        public void paintComponent(Graphics g){
          
          super.paintComponent(g);
          
            for(int j=0; j<Spielfeld.get_ myCharacters ().size();j++){
              Figur s= Spielfeld.get_ myCharacters ().get(j);
              s.zeichnen(g);
           }
       }

       public void repaintFiguren(ArrayList<Figur> figuren{
          
           for( Figur f: Spielfeld.get_ myCharacters ()){
              for(int i=0; i<Spielfeld.get_ myCharacters ().size();i++){
              if(f instanceof Rechteck){
                               repaint(figuren.get(i).getPosition().getX(),
                               figuren.get(i).getPosition().getY(),
                               figuren.get(i).getBreite(),figuren.get(i).getLaenge()); }

              else if(f instanceof Kreis){
                     repaint(figuren.get(i).getPosition().getX(),
                             figuren.get(i).getPosition().getY(),
                             figuren.get(i).getBreite(),
                             figuren.get(i).getLaenge());}
               }
            }
        } 
   }
  

以下是我想通过点击上面的按钮加载的组件。

Configure scope

有没有办法在单独的 vue 组件中通过点击事件加载另一个 vue 组件？

谢谢！