diff --git "a/\346\233\276\345\251\267/5.25day vue\345\256\211\350\243\205\345\217\212vue\345\256\236\344\276\213.md" "b/\346\233\276\345\251\267/5.25day vue\345\256\211\350\243\205\345\217\212\345\243\260\346\230\216\345\274\217\346\270\262\346\237\223.md" similarity index 36% rename from "\346\233\276\345\251\267/5.25day vue\345\256\211\350\243\205\345\217\212vue\345\256\236\344\276\213.md" rename to "\346\233\276\345\251\267/5.25day vue\345\256\211\350\243\205\345\217\212\345\243\260\346\230\216\345\274\217\346\270\262\346\237\223.md" index 44cd3d4a1fc5992466a86c6526dcfa7ffe34fc32..76a8c3ae1023bf27afff5a2bb2911e0ea4f78397 100644 --- "a/\346\233\276\345\251\267/5.25day vue\345\256\211\350\243\205\345\217\212vue\345\256\236\344\276\213.md" +++ "b/\346\233\276\345\251\267/5.25day vue\345\256\211\350\243\205\345\217\212\345\243\260\346\230\216\345\274\217\346\270\262\346\237\223.md" @@ -11,4 +11,25 @@ https://cdn.jsdelivr.net/npm/vue/dist/vue.js ![](/img/02.png) ![](/img/03.png) +## 动态绑定提示信息(v-bind) +![](/img/04.png) +F12修改app.name,就会重新绑定数据 + +## 条件与循环 +### v-if +``` +
+
+

热爱105°的你

+
+
+ + var app = new Vue({ + el:'#app', + data:{ + ok:true + } + }) +``` +![](/img/05.png) diff --git "a/\346\233\276\345\251\267/5.26day \346\235\241\344\273\266\346\270\262\346\237\223\343\200\201\345\276\252\347\216\257and\345\210\227\350\241\250\346\270\262\346\237\223.md" "b/\346\233\276\345\251\267/5.26day \346\235\241\344\273\266\346\270\262\346\237\223\343\200\201\345\276\252\347\216\257and\345\210\227\350\241\250\346\270\262\346\237\223.md" new file mode 100644 index 0000000000000000000000000000000000000000..d85135301866053a516dde37534f7abd9f01a121 --- /dev/null +++ "b/\346\233\276\345\251\267/5.26day \346\235\241\344\273\266\346\270\262\346\237\223\343\200\201\345\276\252\347\216\257and\345\210\227\350\241\250\346\270\262\346\237\223.md" @@ -0,0 +1,46 @@ +# 条件渲染(v-if v-else) +``` +
+
+

热爱105°的你

+
+
+

滴滴清纯的蒸馏水

+
+
+ +``` +![](/img/06.png) +![](/img/07.png) + +# 循环(v-for) +``` +
+
    +
  1. + {{todo.text}} +
  2. +
+
+ +``` +![](/img/08.png) \ No newline at end of file diff --git "a/\346\233\276\345\251\267/img/04.png" "b/\346\233\276\345\251\267/img/04.png" new file mode 100644 index 0000000000000000000000000000000000000000..c26c64b1353a1dedac4e4aafcb750f1ab6fd8fd5 Binary files /dev/null and "b/\346\233\276\345\251\267/img/04.png" differ diff --git "a/\346\233\276\345\251\267/img/05.png" "b/\346\233\276\345\251\267/img/05.png" new file mode 100644 index 0000000000000000000000000000000000000000..b577964d53890153d5419b0dfb45b3f07bc74bda Binary files /dev/null and "b/\346\233\276\345\251\267/img/05.png" differ diff --git "a/\346\233\276\345\251\267/img/06.png" "b/\346\233\276\345\251\267/img/06.png" new file mode 100644 index 0000000000000000000000000000000000000000..df504f283ac6895e5ed42e500638ba9e21739f72 Binary files /dev/null and "b/\346\233\276\345\251\267/img/06.png" differ diff --git "a/\346\233\276\345\251\267/img/07.png" "b/\346\233\276\345\251\267/img/07.png" new file mode 100644 index 0000000000000000000000000000000000000000..b1acf52b6d9ccda3d4bfdc5a31b43f2d5ba0113d Binary files /dev/null and "b/\346\233\276\345\251\267/img/07.png" differ diff --git "a/\346\233\276\345\251\267/img/08.png" "b/\346\233\276\345\251\267/img/08.png" new file mode 100644 index 0000000000000000000000000000000000000000..c6c16734d1a7aa06afe9a6d7d856cd4b93a50869 Binary files /dev/null and "b/\346\233\276\345\251\267/img/08.png" differ diff --git "a/\346\233\276\345\251\267/index.html" "b/\346\233\276\345\251\267/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..9f756419e010505e3a4d6f784b7811d8a6278d7b --- /dev/null +++ "b/\346\233\276\345\251\267/index.html" @@ -0,0 +1,31 @@ + + + + + + Document + + +
+
    +
  1. + {{todo.text}} +
  2. +
+
+ + + + + \ No newline at end of file