Vue不显示数据对象中的数据

Question

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

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> 未显示。有什么问题吗？

Answer 1

data必须是function，以便每个实例都可以维护返回数据对象的独立副本。

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

了解更多here