vue 动态设置div的高度_vue 动态设置title标题

1. Vue 动态设置 div 的高度：

可以使用 Vue 的计算属性和 style 绑定来动态设置 div 的高度。假设我们有一个 data 属性 height，代表 div 的高度，可以这样实现：

<template>
  <div :style="{height: divHeight}">Hello, world!</div>
</template>

<script>
export default {
  data() {
    return {
      height: 100 // 初始高度
    }
  },
  computed: {
    divHeight() {
      return this.height + 'px' // 拼接单位
    }
  }
}
</script>

当 height 属性改变时，div 的高度也会随之改变。

2. Vue 动态设置 title 标题：

可以使用 Vue 的生命周期函数 mounted，动态设置 document.title 属性。假设我们有一个 data 属性 title，代表标题，可以这样实现：

<template>
  <div>Hello, world!</div>
</template>

<script>
export default {
  data() {
    return {
      title: 'My App' // 初始标题
    }
  },
  mounted() {
    document.title = this.title
  }
}
</script>

当 title 属性改变时，标题也会随之改变。