解析美容小程序怎么进行开发

<template>
  <div>
    <ul>
      <li v-for="product in products" :key="product.id">
        <img :src="product.imageUrl" />
        <p>{{ product.name }}</p>
        <p>{{ product.description }}</p>
        <p>{{ product.price }}</p>
      </li>
    </ul>
  </div></template><script>export default {
  data() {
    return {
      products: [
        { id: 1, name: "保湿面膜", description: "深层补水，滋润肌肤", price: "50 元", imageUrl: "mask.jpg" },
        { id: 2, name: "眼霜", description: "消除黑眼圈，紧致肌肤", price: "100 元", imageUrl: "eyecream.jpg" }
      ]
    };
  }};</script>