vue中使用metaInfo动态修改title

使用metaInfo动态修改title

export default {
  metaInfo() {
    return {
      title: this.pageTitle, // set a title
      meta: [{ // set meta
        name: 'viewport',
        content: 'width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no  '
      }]
    }
  }
 data() {
    return {
      popoverVisible: false,
      hasMessageAtMe: false,
      pageTitle: 'My Example App'
    }
  },
   mounted() {
    if (this.conversation.unreadCount !== 0) {
      this.pageTitle = '您有一条新消息~'
    }
 }