diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.29 vue\347\254\254\344\270\200\350\257\276/vue.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.29\342\200\224vue\347\254\254\344\270\200\350\257\276/vue.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.29 vue\347\254\254\344\270\200\350\257\276/vue.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.29\342\200\224vue\347\254\254\344\270\200\350\257\276/vue.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.30 vue\347\254\254\344\272\214\350\257\276/vue2.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.30\342\200\224vue\347\254\254\344\272\214\350\257\276/vue2.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.30 vue\347\254\254\344\272\214\350\257\276/vue2.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.30\342\200\224vue\347\254\254\344\272\214\350\257\276/vue2.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31 \350\241\250\345\215\225\351\252\214\350\257\201/img/tk.jpg" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31\342\200\224\350\241\250\345\215\225\351\252\214\350\257\201/img/tk.jpg"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31 \350\241\250\345\215\225\351\252\214\350\257\201/img/tk.jpg"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31\342\200\224\350\241\250\345\215\225\351\252\214\350\257\201/img/tk.jpg"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31 \350\241\250\345\215\225\351\252\214\350\257\201/index.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31\342\200\224\350\241\250\345\215\225\351\252\214\350\257\201/index.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31 \350\241\250\345\215\225\351\252\214\350\257\201/index.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31\342\200\224\350\241\250\345\215\225\351\252\214\350\257\201/index.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31 \350\241\250\345\215\225\351\252\214\350\257\201/tk.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31\342\200\224\350\241\250\345\215\225\351\252\214\350\257\201/tk.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31 \350\241\250\345\215\225\351\252\214\350\257\201/tk.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31\342\200\224\350\241\250\345\215\225\351\252\214\350\257\201/tk.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31 \350\241\250\345\215\225\351\252\214\350\257\201/\347\224\237\345\221\275\345\221\250\346\234\237.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31\342\200\224\350\241\250\345\215\225\351\252\214\350\257\201/\347\224\237\345\221\275\345\221\250\346\234\237.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31 \350\241\250\345\215\225\351\252\214\350\257\201/\347\224\237\345\221\275\345\221\250\346\234\237.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.03.31\342\200\224\350\241\250\345\215\225\351\252\214\350\257\201/\347\224\237\345\221\275\345\221\250\346\234\237.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/erh1.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/erh1.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/erh1.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/erh1.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/erh3.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/erh3.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/erh3.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/erh3.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc1.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc1.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc1.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc1.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc2.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc2.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc2.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc2.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc3.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc3.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc3.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc3.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc4.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc4.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc4.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/fc4.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/xl2.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/xl2.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/xl2.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/xl2.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/xl3.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/xl3.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/xl3.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/img/xl3.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/index.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/index.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01 \345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/index.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.01\342\200\224\345\225\206\345\223\201\347\202\271\345\207\273\344\272\213\344\273\266/index.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/details.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/details.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/details.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/details.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/erh1.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/erh1.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/erh1.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/erh1.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/erh3.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/erh3.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/erh3.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/erh3.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/fc1.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/fc1.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/fc1.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/fc1.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/fc2.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/fc2.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/fc2.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/fc2.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/fc3.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/fc3.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/fc3.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/fc3.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/fc4.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/fc4.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/fc4.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/fc4.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/xl2.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/xl2.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/xl2.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/xl2.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/xl3.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/xl3.webp"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/img/xl3.webp"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/img/xl3.webp"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/index.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/index.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06 \346\211\223\346\212\230\344\272\213\344\273\266/index.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.06\342\200\224\346\211\223\346\212\230\344\272\213\344\273\266/index.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07 \350\241\250\345\215\225/img/tk.jpg" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07\342\200\224\350\241\250\345\215\225/img/tk.jpg"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07 \350\241\250\345\215\225/img/tk.jpg"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07\342\200\224\350\241\250\345\215\225/img/tk.jpg"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07 \350\241\250\345\215\225/index.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07\342\200\224\350\241\250\345\215\225/index.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07 \350\241\250\345\215\225/index.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07\342\200\224\350\241\250\345\215\225/index.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07 \350\241\250\345\215\225/tk.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07\342\200\224\350\241\250\345\215\225/tk.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07 \350\241\250\345\215\225/tk.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.07\342\200\224\350\241\250\345\215\225/tk.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.08 \350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/index.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.08\342\200\224\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/index.html"
similarity index 100%
rename from "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.08 \350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/index.html"
rename to "\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.08\342\200\224\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/index.html"
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.12\342\200\224\351\232\220\350\227\217/block1.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.12\342\200\224\351\232\220\350\227\217/block1.html"
new file mode 100644
index 0000000000000000000000000000000000000000..39765aa57d01b1871f18f0995c9fd9c6b2397b94
--- /dev/null
+++ "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.12\342\200\224\351\232\220\350\227\217/block1.html"
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>block</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<style>
+
+    .one {
+        margin: 9% 37%;
+    }
+
+    .two {
+        /* visibility: hidden; 隐藏 */
+        /* opacity: 0; 隐藏 */
+        width: 400px;
+        height: 400px;
+        background-color: cornflowerblue;
+        font-size: 26px;
+        display: flex;
+        justify-content: space-evenly;
+        align-items: center;
+    }
+
+    button {
+        width: 40%;
+        height: 40px;
+        margin-left: 28%;
+        font-size: 18px;
+    }
+</style>
+<body>
+    
+    <div class="one">
+
+        <div class="two" v-if="open">
+            你猜猜我会不会被隐藏呢？
+        </div>
+
+        <br><br>
+
+        <button @click="click1">点我试试吧</button>
+
+    </div>
+    
+</body>
+<script>
+
+    let vm = new Vue({
+        el: '.one',
+        data: {
+            open: 'ture',
+        },
+        methods: {
+            click1: function() {
+                this.open = !this.open
+            }
+        }
+    })
+
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.12\342\200\224\351\232\220\350\227\217/block2.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.12\342\200\224\351\232\220\350\227\217/block2.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b068292e2eb42bba8eed1d7f65cd03d82e5f0e0e
--- /dev/null
+++ "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.12\342\200\224\351\232\220\350\227\217/block2.html"
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>block</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<style>
+
+    .one {
+        margin: 9% 37%;
+    }
+
+    .two {
+        width: 400px;
+        height: 400px;
+        background-color: cornflowerblue;
+        font-size: 26px;
+        display: flex;
+        justify-content: space-evenly;
+        align-items: center;
+    }
+
+    button {
+        width: 40%;
+        height: 40px;
+        margin-left: 32%;
+        margin-top: 10%;
+        font-size: 18px;
+    }
+    
+</style>
+<body>
+    
+    <div class="one">
+
+        <name></name>
+
+    </div>
+    
+</body>
+<script>
+
+    Vue.component('name', {
+        data: function() {
+            return {
+                result: true,
+            }
+        },
+        methods: {
+            change: function() {
+                this.result=!this.result;
+            }
+        },
+        template: `<div><div v-if='result' class='two'>你猜猜我会不会被隐藏呢？</div><button @click="change">点我试试吧</button></div>`
+    })
+
+    new Vue({
+        el: '.one',
+        data: {
+            result: true,
+        },
+        methods: {
+            change: function() {
+                this.result=!this.result;
+            }
+        }
+    })
+
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/cgt.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/cgt.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..12bcacb30332885b97b7ba8bb0d8f0bbfecc84af
Binary files /dev/null and "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/cgt.webp" differ
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/jwr.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/jwr.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..43217613015107ee202c6c9a0d56a1afefe4377f
Binary files /dev/null and "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/jwr.webp" differ
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/ss.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/ss.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..c135adc1aae4ff248a71ee5553d7cfd6fc2c69f0
Binary files /dev/null and "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/ss.webp" differ
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/wedh.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/wedh.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..a077ca05f83d7f4a146728b512a47287bfe66532
Binary files /dev/null and "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/wedh.webp" differ
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/xwz.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/xwz.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..43db6bc7291241d13bd65804c313b6acc3b45da2
Binary files /dev/null and "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/xwz.webp" differ
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/zyf.webp" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/zyf.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..e5056130ecaf1c1f713da3b49b78b04543e3cb4f
Binary files /dev/null and "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/img/zyf.webp" differ
diff --git "a/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/traversal.html" "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/traversal.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a3c5d2c0b9a372e1e9685bfaab5ac828db637e75
--- /dev/null
+++ "b/\351\233\267\345\230\211\347\220\252/2_Vue/2022.04.13\342\200\224\351\201\215\345\216\206/traversal.html"
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<style>
+
+    h1 {
+        margin-top: 3%;
+        text-align: center;
+    }
+
+    .two {
+        width: 600px;
+        margin: 5% 28%;
+        border: 4px solid black;
+        border-radius: 15px;
+        display: flex;
+        justify-content: space-evenly;
+        align-items: center;
+        padding-right: 20px;
+    }
+
+    img {
+        width: 250px;
+        margin-right: 20px;
+        margin: 15px 15px;
+    }
+
+</style>
+<body>
+
+    <h1>名著推荐</h1>
+
+    <div class="main">
+
+        <language v-for="(arr) in arrs" :arr="arr"></language>
+
+    </div>
+    
+</body>
+
+<script>
+    // 定义一个局部组件，实现商品遍历，数据在普通实例中
+
+    let language = {
+        props: ['arr','index'], // 数组，对外暴露一个变量名
+        template: '<div class=two><img :src="arr.img">{{arr.name}}： <br> 我的作者是{{arr.author}} <br> 我的名句有：“{{arr.rhesis}}”</div>',
+    }
+
+    new Vue({
+        el: '.main',
+        data: {
+            arrs: [ // vue怎么遍历数组,对象 v-for
+                { img: 'img/zyf.webp', name: '《罪与罚》', author: '陀思妥耶夫斯基（俄罗斯）', rhesis:'守职而不废，处义而不回，见嫌而不苟免，见利而不苟得，此人之杰也。' },
+                { img: 'img/wedh.webp', name: '《瓦尔登湖》', author: '亨利·戴维·梭罗（美国）', rhesis:'知道自己知道什么，也知道自己不知道什么，这就是真正的知识。' },
+                { img: 'img/cgt.webp', name: '《菜根谭》', author: '洪应明（中国）', rhesis:'宠辱不惊，看庭前花开花落；去留无意，望天上云卷云舒。' },
+                { img: 'img/jwr.webp', name: '《局外人》', author: '阿尔贝·加缪（法国）', rhesis:'人的性格到行为之间，存在着一个断崖。' },
+                { img: 'img/xwz.webp', name: '《小王子》', author: '安托万·德·圣·埃克苏佩里（法国）', rhesis:'真正的问题不在于长大，而在于遗忘。' },
+                { img: 'img/ss.webp', name: '《素书》', author: '黄石公（中国）', rhesis:'守职而不废，处义而不回，见嫌而不苟免，见利而不苟得，此人之杰也。' }
+            ]
+        },
+        components: {
+            language
+        }
+    })
+
+</script>
+</html>
\ No newline at end of file