diff --git a/g.html b/g.html
new file mode 100644
index 0000000000000000000000000000000000000000..dd58955b28a63d0e28eb47a2a0ff5ce98f6924da
--- /dev/null
+++ b/g.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title></title>
+</head>
+<style>
+    *{
+        margin: 0 auto;
+    }
+    div{
+        display: flex;
+    }
+    li{
+        list-style: none;
+    }
+</style>
+
+<body id="app">
+    <div>
+        <ul>
+            <li>
+                <div><img :src="img11"></div>
+                <span>{{span1}}</span><br>
+                <span>{{span2}}</span>
+            </li>
+            <li>
+                <div v-html="img21"></div>
+                <span>{{span1}}</span><br>
+                <span>{{span2}}</span>
+            </li>
+        </ul>
+    </div>
+</body>
+<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+<script>
+    Vue.createApp({
+        data: function () {
+            return {
+                span1: "麒麟瓜",
+                span2:"3.69元",
+                img11: 'https://tse2-mm.cn.bing.net/th/id/OIP-C.INxfvqUVwIgan0pfwFrbXgHaHa?w=181&h=181&c=7&r=0&o=5&pid=1.7',
+                img21: "<img class='ab' src='https://tse2-mm.cn.bing.net/th/id/OIP-C.INxfvqUVwIgan0pfwFrbXgHaHa?w=181&h=181&c=7&r=0&o=5&pid=1.7'>"
+            }
+        }
+    }).mount("#app")
+</script>
+
+</html>
\ No newline at end of file
