nuxt项目怎么让源代码中显示数据

1. 在 Nuxt.js 中，可以使用 Vue.js 的数据绑定语法来在源代码中显示数据。

2. 首先，在组件中定义一个数据对象，例如：

export default {
  data() {
    return {
      message: 'Hello Nuxt!'
    }
  }
}

3. 然后，在组件的模板中使用数据绑定语法来显示数据，例如：

<template>
  <div>
    {{ message }}
  </div>
</template>

这样，当组件被渲染时，数据对象中的 message 属性的值就会被显示在页面上。

4. 如果需要在组件中使用异步数据，可以使用 Nuxt.js 提供的 asyncData 方法来获取数据并将其设置为组件的数据对象之一，例如：

export default {
  asyncData() {
    return {
      posts: await fetch('/api/posts').then(res => res.json())
    }
  },
  data() {
    return {
      message: 'Hello Nuxt!'
    }
  }
}

这样，在组件的模板中就可以通过数据绑定语法来显示 posts 数组中的数据了。