Vue如何设置动态宽度高度或者动态样式

那么首先你务必看Vue的官方文档。涉及到的基础知识有：

• 绑定内联样式的使用
• computed的使用

1. 添加样式绑定

绑定高试样式

<div class="container" :style="{height: scrollerHeight}">
</div>

2. 添加属性计算

在computed里添加属性计算。记住 scrollerHeight 不能在data进行定义。
computed是啥？请看看 computed的使用

computed: {
    // 滚动区高度
    // (业务需求：手机屏幕高度减去头部标题和底部tabbar的高度，当然这2个高度也是可以动态获取的)
    scrollerHeight: function() {
      return (window.innerHeight - 40 - 54) + 'px';
    }
  }