vue怎么将div位于父div的重金

可以使用CSS样式来实现将div位于父div的重心。可以使用以下样式：

.parent{
    position: relative; /*设置父div为相对定位*/
}
.child{
    position: absolute; /*设置子div为绝对定位*/
    top: 50%; /*设置子div顶部距离父div顶部的距离为父div高度的50%*/
    left: 50%; /*设置子div左侧距离父div左侧的距离为父div宽度的50%*/
    transform: translate(-50%, -50%); /*通过transform属性将子div向左和向上移动自身宽度和高度的50%*/
}

其中，`position: relative`将父div设置为相对定位，`position: absolute`将子div设置为绝对定位。`top: 50%`和`left: 50%`将子div的顶部和左侧分别置于父div的中心位置。`transform: translate(-50%, -50%)`将子div向左和向上移动自身宽度和高度的50%，使其完全位于父div的中心位置。这样，就可以将div位于父div的重心了。

相关问题

vue怎么将div位于父div的中心

可以使用CSS样式来实现将div位于父div的中心。可以使用以下样式：

.parent{
    display: flex;
    justify-content: center;
    align-items: center;
}
.child{
    /*样式*/
}

其中，`display: flex`将父div设置为Flex布局。`justify-content: center`和`align-items: center`将子div分别水平和垂直居中。这样，就可以将div位于父div的中心了。

vue 监听 div 高度

要监听div的高度变化，可以使用Vue的watch和ref属性来实现。具体步骤如下：
1. 在div标签上添加ref属性，例如：ref="myDiv"。
2. 在Vue的data中定义一个变量，例如：divHeight。
3. 在Vue的watch中监听myDiv的高度变化，如果高度发生变化则将新的高度赋值给divHeight变量。

以下是示例代码：

<template>
  <div ref="myDiv">
    // div内容
  </div>
</template>

<script>
export default {
  data() {
    return {
      divHeight: 0
    }
  },
  watch: {
    'myDiv.offsetHeight'(newVal, oldVal) {
      if (newVal !== oldVal) {
        this.divHeight = newVal
      }
    }
  }
}
</script>