我可以在vue中使用函数的返回来定义div的样式吗？

<template>
  <div :style="getDivStyle"></div>
</template>

<script>
export default {
  computed: {
    getDivStyle() {
      return {
        backgroundColor: 'red',
        fontSize: '16px',
        color: 'white'
      }
    }
  }
}
</script>

<template>
  <div :style="getDivStyle()"></div>
</template>

<script>
export default {
  methods: {
    getDivStyle() {
      return {
        backgroundColor: 'blue',
        fontSize: '14px',
        color: 'yellow'
      }
    }
  }
}
</script>