From 74ab56403c596d715fca8a84fcef699d0a313a93 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=8E=E5=8D=97=E8=BE=89=E8=BE=89=E9=85=B1?=
 <2776670018@qq.com>
Date: Wed, 13 Apr 2022 11:38:12 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=B1=80=E9=83=A8=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E9=81=8D=E5=8E=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PORPS/demo.html"                          | 46 +++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 "\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/PORPS/demo.html"
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/PORPS/demo.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/PORPS/demo.html"
new file mode 100644
index 0000000..c0acb39
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/PORPS/demo.html"
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>porps</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+<style>
+ 
+</style>
+</head>
+<body>
+    <div id="app">
+        <commodity v-for="(arr,index) in arrs":arr="arr":index="index=index+1"></commodity>
+    </div>    
+ 
+</body>
+    <script>
+         let commodity={         
+                porps:['arr','index'],
+                template:'<div>这个{{arr.name}}{{arr.price}}元</div>'
+            }
+       let vue =  new Vue({
+            el:'#app',
+            data:{
+            arrs:[
+                {name:'水杯',price:'20'},
+                {name:'牙刷',price:'200'},
+                {name:'牙膏',price:'2000'},
+                {name:'洗面奶',price:'20000'},
+                {name:'沙发',price:'200000'},
+                {name:'空调',price:'2000000'}
+            ]
+        },
+            components: {
+            // 指令，过滤器,定义一个局部的指令，无非就是 components 中定义key = value 格式 value 必须是json格式
+            // 而且外层用到的 特殊标签就是key值
+            //schools: school,//第一个是key值，第二个是外层的json对象 这种格式可以
+            //简写方式 school:school 的简写                    这种简写格式也行
+            // schoolName:school,//驼峰方式不行还是要在脚手架        
+            commodity,
+        }
+        })
+       
+    </script>
+</html>
\ No newline at end of file
-- 
Gitee


From ad379f5fd02c0e7de39df0bf970dafda72e80b75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=8E=E5=8D=97=E8=BE=89=E8=BE=89=E9=85=B1?=
 <2776670018@qq.com>
Date: Thu, 14 Apr 2022 09:13:42 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=B1=80=E9=83=A8=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E9=81=8D=E5=8E=86=E6=95=B0=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../demo.html"                                | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 "\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\351\201\215\345\216\206/demo.html"

diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\351\201\215\345\216\206/demo.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\351\201\215\345\216\206/demo.html"
new file mode 100644
index 0000000..40dd34e
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\351\201\215\345\216\206/demo.html"
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>商品遍历</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+<style>
+ 
+</style>
+</head>
+<body>
+    <div id="app">
+        <commodity  v-for="(item,index) in arrs" :arr="item" :index="index=index+1"></commodity>
+    </div>    
+ 
+</body>
+    <script>
+         let commodity={         
+                props:['arr','index'],
+                template:'<div>{{index}}.这个{{arr.name}}{{arr.price}}元</div>'
+            }
+       new Vue({
+            el:'#app',
+            data:{
+            arrs:[
+                {name:'水杯',price:'20'},
+                {name:'牙刷',price:'200'},
+                {name:'牙膏',price:'2000'},
+                {name:'洗面奶',price:'20000'},
+                {name:'沙发',price:'200000'},
+                {name:'空调',price:'2000000'}
+            ]
+        },
+            components: {
+            commodity,
+        }
+        })
+       
+    </script>
+</html>
\ No newline at end of file
-- 
Gitee

