vue使用CSS布局技术，实现div定位到页面底部或顶部并居中功能

<template>
  <div >
    <div class="bottom-element">
         我在底部，并居中了
    </div>
  </div>
</template>

使用CSS布局技术，通过设置CSS属性来实现页面底部定位。

<style lang="scss" scoped>
 .bottom-element {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
</style>