关于改变主题时同时改变组件样式

<title-bar :ifTitleAndMenuShow="ifTitleAndMenuShow"
           :class="{'default': defaultTheme === 0,
                   'eye': defaultTheme === 1,
                   'night': defaultTheme === 2,
                   'gold': defaultTheme === 3}"></title-bar>

<menu-bar :ifTitleAndMenuShow="ifTitleAndMenuShow"
          :fontSizeList="fontSizeList"
          :defaultFontSize="defaultFontSize"
          @setFontSize="setFontSize"
          :defaultTheme="defaultTheme"
          :themeList="themeList"
          @setTheme="setTheme"
          :bookAvailable="bookAvailable"
          @onProgressChange="onProgressChange"
          @jumpTo="jumpTo"
          :navigation="navigation"
          :parentProgress="progress"
          ref="menuBar"
          :class="{'default': defaultTheme === 0,
                   'eye': defaultTheme === 1,
                   'night': defaultTheme === 2,
                   'gold': defaultTheme === 3}"></menu-bar>

这两段代码，上面的titlebar生效了，下面却没反应，求大佬解答