vue的:style无法动态更新css值

`
<div :style="styleObject">
</div>
`

data() {
  return {
    styleObject: {}
},
methods: {
  test() {
    this.styleObject = {
      border: this.borderWidth + ' solid'
    }
}

当我的borderWidth更新后，更触发test()后，div中的border并不会变化，这是为什么呢？