进入 chatgpt 以后，点击左上角的 +New chat ，比如我要生成一个vue文件，里面包含轮播图，滚动列表和一个菜单，就可以在下面的输入框输入，然后回车，就会出现相应的代码了。点击代码块右上角可以直接copy代码哦~

需要注意的是，chatgpt3.5 字符限制是3000，也就是说超过3000字符的代码，就不能再生成了，4.0有15000字符。

下面就是它生成的代码：

<template><div><div class="slider"><!-- 轮播图 --><img v-for="(item, index) in images" :key="index" :src="item.src" :alt="item.alt"></div><div class="list"><!-- 滚动列表 --><ul><li v-for="(item, index) in list" :key="index">{{ item }}</li></ul></div><div class="menu"><!-- 菜单 --><ul><li v-for="(item, index) in menu" :key="index">{{ item }}</li></ul></div></div>
</template><script>
export default {data() {return {images: [{ src: 'image1.jpg', alt: 'Image 1' },{ src: 'image2.jpg', alt: 'Image 2' },{ src: 'image3.jpg', alt: 'Image 3' },],list: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'],menu: ['Menu Item 1', 'Menu Item 2', 'Menu Item 3'],};},
};
</script><style>
.slider {/* 轮播图样式 */
}.list {/* 滚动列表样式 */
}.menu {/* 菜单样式 */
}
</style>