VueJS使用Mixin数据初始化Vue属性

Question

Mixin数据似乎无法用于初始化组件数据。

在下面的小提琴中，App正在使用MyMixin。 mixinMessage在created（）挂钩中可用，但在数据初始化中不可用。我在做什么错了？

https://jsfiddle.net/rb81qp5a/2/

const { default: Component, Mixins } = VueClassComponent

@Component()
class MyMixin extends Vue {
  mixinMessage = 'mixin message'
}

@Component({
  template: `
  <div>
    <h1>Message 1: {{ message1 }}</h1>
    <h1>Message 2: {{ message2 }}</h1>
    </div>
  `,
  mixins: [MyMixin]
})
class App extends Vue {
  message1 = this.mixinMessage
  message2 = ''

  created() {
    this.message2 = this.mixinMessage
  }
}

new Vue({
  el: '#app',
  render: h => h(App)
})

不带vue-class-component的示例： https://codepen.io/anon/pen/PLdmWE

• Mixin属性（初始值）为空，但应为“ Mixin属性”
• Mixin属性（创建的）是预期的“ Mixin属性”