vue双引号中绑定变量

今天在弄一个vue项目时,需要对一个div的style动态赋值:

<div class="kpipercent">
     <div class="jindu-1" :style="this.jdStyle"></div>
</div>

data () {
    return {
      jdStyle:'width:70%'
}

写法就是给属性前加 : 即可！！！