How, when clicking on an element in a component, close it and open another one?

Question

Vue.js

There is an App.vue component, a shopping cart component is connected in it, and a modal window component after placing an order:

<basket v-show="showModalBasket" @close="showModalBasket = false"></basket>
  <basketend v-if="showModalBasketEnd"></basketend>

  data() {
    return {
        showModalBasket: false
        showModalBasketEnd: false
    }
  }

You need to make it so that when you click on the checkout button in the cart component, it closes and the modal window component opens, where it says "thank you for the order."

How can I do that?

Answer 1

corzina(v-if="uslovie")
modal(v-else)

in date uslovie: true/false
https://ru.vuejs.org/v2/guide/conditional.html#v-if