在vue js中设置元素的样式不起作用

Question

我正在练习vue.js，我正在尝试改变我的div的高度我使用了v-bind，但它不会改变高度。怎么了？

我的元素

attr

脚本

<v-toolbar-title slot="extension" v-bind:style="setHeight()"></v-toolbar-title>

与

相当

<script>
  export default {
    data : () => ({
      sideNav: {
        model: false,
        type: 'temporary',
        clipped: false,
        floating: false,
        mini: false,
        stateless:true,

      },
      isMobile: false

    }),
    methods:{
        setHeight(){
            return{
                height :  screen.height - (screen.height / 2) + '!important'
            }
        }
    },
    mounted(){
        //var maxHeight = screen.height / 2;
        //alert(screen.height - (screen.height / 2))
    }
  }
</script>