vue default data中能使用calc设置高度吗

在Vue的默认数据对象中，您不能使用calc来设置高度。这是因为Vue的数据属性应该是简单的JavaScript对象，而不是CSS样式。

如果您需要在Vue中设置元素的高度，您可以使用计算属性或方法来动态计算高度并将其设置为元素的样式。例如：

<template>
  <div :style="{ height: computedHeight }"></div>
</template>

<script>
export default {
  data() {
    return {
      height: 100,
      width: 200
    }
  },
  computed: {
    computedHeight() {
      return `${this.height}px`;
    }
  }
}
</script>

在上面的例子中，我们使用计算属性`computedHeight`来动态计算高度并将其设置为元素的样式。这样我们就可以通过改变`height`数据属性来动态改变元素的高度。