探索棉衣小程序怎么开发

<template>
  <div>
    <ul>
      <li v-for="coat in coats" :key="coat.id">
        <img :src="coat.imageUrl" />
        <p>{{ coat.name }}</p>
        <p>{{ coat.price }}</p>
      </li>
    </ul>
  </div></template><script>export default {
  data() {
    return {
      coats: [
        { id: 1, name: "保暖棉衣", price: "200 元", imageUrl: "image1.jpg" },
        { id: 2, name: "时尚棉衣", price: "300 元", imageUrl: "image2.jpg" }
      ]
    };
  }};</script>