js 获取不到div的宽度 offsetWidth width

1、通过document.getElementById("zhankaiStyle").style.width 或者是  this.$refs.mingzi.style.width 获取

    只能通过在行内样式表中设置宽度才可以获得

（1）
<div id="zhankaiStyle" ref="mingzi">这种获取div宽高的方式只能通过行内样式来获取</div>

console.dir(document.getElementById('zhankaiStyle').style.width)// 没有任何值得数值
（2）
<div id="zhankaiStyle" style="width: 500px;" ref="mingzi">这种获取div宽高的方式只能通过行内样式来获取</div>

console.dir(document.getElementById('zhankaiStyle').style.width)// 500

  2、通过document.getElementById("zhankaiStyle").offsetWidth 或者是  this.$refs.mingzi.offsetWidth 获取

        没有要求无论是通过行内样式、内部样式表、外部样式表都是可以获取的

console.dir(document.getElementById('zhankaiStyle').offsetWidth)// 500

3、比较优缺点：

document.getElementById("zhankaiStyle").style.width 这种方式的获取虽然有限制，但是可以实现赋值，对这个div改变宽度的赋值

document.getElementById("zhankaiStyle").offsetWidth 这种方式虽然比较方便，通过任何渠道都是可以获得值，但是这是个只读属性，不可以对div重新赋值