在VUE中，我們可以使用CSS來控制彈窗的顯示順序，以下是一些示例代碼，展示如何從頂部到底部顯示彈窗：

1、在你的組件中，添加一個新的div元素來承載彈窗的內(nèi)容。

<div id="my-pop-up" class="pop-up">
  <div class="pop-up-content">
    <!-- 彈窗內(nèi)容 -->
  </div>
</div>

2、在CSS中設(shè)置pop-up的動畫效果。

.pop-up {
  position: fixed;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.pop-up.open {
  top: 50%;
}

3、在你的JS代碼中，添加控制彈窗顯示的方法。

methods: {
  showPopUp() {
    let popUp = document.getElementById('my-pop-up');
    popUp.classList.add('open');
  },
  hidePopUp() {
    let popUp = document.getElementById('my-pop-up');
    popUp.classList.remove('open');
  }
}

4、在需要顯示彈窗的地方調(diào)用showPopUp方法，

this.showPopUp();

通過以上代碼，你可以實現(xiàn)VUE彈窗從頂部到底部的顯示順序，記得根據(jù)你的實際需求調(diào)整CSS樣式和JS代碼。