场景：微信小程序设置动态样式，有些时候是需要用到变量来书写的；但是实际使用发现，行内式书写虽然有效，但是会使得微信小程序的编辑失败；故需要使用动态的v-bind来写动态变量行内式样式（既使用:style="{ }"）

<template><view><view class="big_box"><!-- 故需要通过动态v-bind来设置 动态变量样式 ----正确书写✅ --><view class="p_box" :style="{'width':(widthNum+'rpx'),'height':heightNum,}">123</view><!-- 直接行内式写样式 值为变量会导致编辑错误 ----错误书写❎ --><view class="p_box" style="width:{{widthNum+'rpx'}};height:{{heightNum}};">123</view><view>1</view></view></view>
</template><script>
export default {data () {return {widthNum: 100,heightNum: '100rpx',}},
}
</script>