vue脚手架中data，methods，created应该写在哪个文件

在Vue脚手架中，`data`、`methods`、`created`等选项应该写在`.vue`文件中的`<script>`标签中的`export default`对象中。

例如，一个包含`data`、`methods`和`created`选项的Vue组件的示例代码如下：

<template>
  <div>
    <!-- 这里是模板部分 -->
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  data() {
    return {
      message: 'Hello, World!'
    }
  },
  methods: {
    showMessage() {
      alert(this.message)
    }
  },
  created() {
    console.log('Component created.')
  }
}
</script>

<style>
/* 这里是组件的样式部分 */
</style>

在这个示例代码中，`data`选项定义了一个名为`message`的数据属性，在模板中可以通过`{{ message }}`来访问它；`methods`选项定义了一个名为`showMessage`的方法，在模板中可以通过`@click="showMessage"`来调用它；`created`选项则定义了一个钩子函数，用于在组件被创建时执行一些初始化操作。这些选项都写在了`.vue`文件中的`<script>`标签中的`export default`对象中。