vue渲染后台数据问题请教

Question

最近在用vue做项目的时候,遇到了个问题,怎么也解决不了,问题如下:

当一开始页面如下是静态页面的时候:

我給红色部分定的一个div,css样式是

    width: 362px;

    margin: 0 auto;

    line-height: 22px;

    color: rgba(255, 255, 255, 0.74);

html部分代码是

     <div class="shadow-description">

        Fabric description etc here Fabric  description etc hereFabric description etc here Fabric description etc here                  

    </div>

此时红色部分div能居中显示,样式是没有问题的,但是我一旦把红色框框中的静态数据改成后台接口中的数据渲染的时候,用vue渲染的时候样式却是有问题的,

当我把html部分代码改成如下:

 <div class="shadow-description">          

   {{description}}

 </div>

其中description为我在data()里定义的变量,用来承接后台给的这部分数据.

但是渲染之后,样式部分却是有影响的,样式如下:

用了这么久的vue，从没想到会卡在这么一个问题上,我用:bind,v-html这些vue指令都试过了,但是还是不成功,想问下各位,这是为何会渲染失败?