在onsenui从2.7.2更新到2.10.0之后，css无法在Vue.js项目上运行

Question

我在Vue.js项目中更新了onsenui和vue-onsenui的版本。

之前：

"onsenui": "~2.7.2",
"vue-onsenui": "~2.3.0",

之后：

"onsenui": "~2.10.0",
"vue-onsenui": "~2.6.1",

更新后，不会显示以下“ notification_grid”。

模板：

<v-ons-list>

  <v-ons-list-item v-for="item in menuList"
    v-ripple="item.key != 'version'"
    :id="item.key+'_list_item'" :key="item.key"
    v-if="!(item.key == 'changeAccount' && !isExistApp)"
    class="listItem" modifier="longdivider"
  >
    <!-- display notification_grid on "info" -->
    <div v-if="item.key=='info'" id="notification_grid">
      <span v-if="unReadNotification" id="notification_icon"></span>
    </div>

    <div class="center itemDetail" @click="item.page? goTo(item): ''">
      <span>{{ item.label }}</span>

“ notification_grid”的样式：

#notification_grid {
  margin: 0;
  padding: 0;
  width: 12vw;
  text-align: center;
}

是什么原因造成的？