vue怎样用按钮控制div大小

可以使用Vue的数据绑定和计算属性来实现按钮控制div大小。

首先，需要定义一个数据属性来保存div的宽度和高度：

data() {
  return {
    divWidth: 200, // div的宽度
    divHeight: 200 // div的高度
  }
}

然后，可以在模板中使用计算属性来设置div的样式：

<template>
  <div :style="{'width': divWidth + 'px', 'height': divHeight + 'px'}"></div>
  <button @click="changeSize">改变大小</button>
</template>

<script>
export default {
  data() {
    return {
      divWidth: 200,
      divHeight: 200
    }
  },
  methods: {
    changeSize() {
      // 点击按钮时改变div的宽度和高度
      this.divWidth += 50
      this.divHeight += 50
    }
  }
}
</script>

在上面的例子中，使用了计算属性来动态设置div的宽度和高度，当点击按钮时，调用changeSize方法来改变div的宽度和高度，从而实现按钮控制div大小的效果。