Vue 不显示来自数据对象的数据

Question

我正在使用 NuxtJs 并在 pages 目录中创建了 test.vue。这是我在 test.vue.

中的代码

<template>
  <div> 
    <h1 style="font-size: 30px">{{ message }} </h1>
    <h1 style="font-size: 30px"> Messsage here </h1>
  </div>
</template>

<script>

export default {
  data: {
    message: 'sdfsd'
  }
}
</script>

但是{{ message }}没有显示。有什么问题？

Answer 1

data需要是一个function，这样每个实例都可以维护返回数据对象的独立副本。

export default {
  data() {
    return {
       message: 'sdfsd'
    }
  }
}

阅读更多here

Vue 不显示来自数据对象的数据

Vue not displaying data from data object

vue.js

nuxt.js