From f3b37a4e32fe0dfb53778c5d2f850e1ebb7d9c55 Mon Sep 17 00:00:00 2001 From: unknown <2297088601@qq.com> Date: Wed, 26 May 2021 17:27:55 +0800 Subject: [PATCH] =?UTF-8?q?5=E6=9C=8826=E6=97=A5=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...25\347\254\254\344\270\200\350\257\276.md" | 47 +++++++ .../1.png" | Bin 0 -> 1102 bytes .../2.png" | Bin 0 -> 10522 bytes ...14\347\273\204\344\273\266\345\214\226.md" | 124 ++++++++++++++++++ 4 files changed, 171 insertions(+) create mode 100644 "\351\273\204\345\230\211\351\222\260/2021-5-25\347\254\254\344\270\200\350\257\276.md" create mode 100644 "\351\273\204\345\230\211\351\222\260/img/\346\235\241\344\273\266\344\270\216\345\276\252\347\216\257\351\202\243\344\270\200\350\257\276\347\232\204/1.png" create mode 100644 "\351\273\204\345\230\211\351\222\260/img/\346\235\241\344\273\266\344\270\216\345\276\252\347\216\257\351\202\243\344\270\200\350\257\276\347\232\204/2.png" create mode 100644 "\351\273\204\345\230\211\351\222\260/\346\235\241\344\273\266\345\276\252\347\216\257\357\274\214\345\244\204\347\220\206\347\224\250\346\210\267\350\276\223\345\205\245\357\274\214\347\273\204\344\273\266\345\214\226.md" diff --git "a/\351\273\204\345\230\211\351\222\260/2021-5-25\347\254\254\344\270\200\350\257\276.md" "b/\351\273\204\345\230\211\351\222\260/2021-5-25\347\254\254\344\270\200\350\257\276.md" new file mode 100644 index 0000000..3bc17b8 --- /dev/null +++ "b/\351\273\204\345\230\211\351\222\260/2021-5-25\347\254\254\344\270\200\350\257\276.md" @@ -0,0 +1,47 @@ +## Vue.js + +Vue是渐进式框架，使用MVVM模式(Model View ViewModel) + +三大框架：Vue react angular2 + +Vue的三个特点： 双向绑定 组件化 单文件组件 + ++ 第一个Vue应用 +``` + +
+ {{msg}} +
+ + + + + +``` + ++ 使用v-bind指令 +``` +
+ + Nihao + +
+ + + + +``` diff --git "a/\351\273\204\345\230\211\351\222\260/img/\346\235\241\344\273\266\344\270\216\345\276\252\347\216\257\351\202\243\344\270\200\350\257\276\347\232\204/1.png" "b/\351\273\204\345\230\211\351\222\260/img/\346\235\241\344\273\266\344\270\216\345\276\252\347\216\257\351\202\243\344\270\200\350\257\276\347\232\204/1.png" new file mode 100644 index 0000000000000000000000000000000000000000..5797f1d44636af813c4dfb5b5231bf1868eac054 GIT binary patch literal 1102 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 literal 0 HcmV?d00001 diff --git "a/\351\273\204\345\230\211\351\222\260/\346\235\241\344\273\266\345\276\252\347\216\257\357\274\214\345\244\204\347\220\206\347\224\250\346\210\267\350\276\223\345\205\245\357\274\214\347\273\204\344\273\266\345\214\226.md" "b/\351\273\204\345\230\211\351\222\260/\346\235\241\344\273\266\345\276\252\347\216\257\357\274\214\345\244\204\347\220\206\347\224\250\346\210\267\350\276\223\345\205\245\357\274\214\347\273\204\344\273\266\345\214\226.md" new file mode 100644 index 0000000..f4e71b2 --- /dev/null +++ "b/\351\273\204\345\230\211\351\222\260/\346\235\241\344\273\266\345\276\252\347\216\257\357\274\214\345\244\204\347\220\206\347\224\250\346\210\267\350\276\223\345\205\245\357\274\214\347\273\204\344\273\266\345\214\226.md" @@ -0,0 +1,124 @@ +## 2021-5-26 + +### 条件与循环 + ++ v-if + +在控制台输入app.haha = false时,“nihao”消失 +``` +
+ + nihao + +
+ + +``` + ++ v-for + +item 不需要定义 + +在控制台输入app.list.push({content:"hoshi"})，可添加新项 +``` +
+ + nihao + +
    +
  1. + {{item.content}} +
    2. +
+
+ + +``` + ++ 处理用户输入 + +``` +
+
+ 用户名： +
+ +
+ + + +``` +![](./img/条件与循环那一课的/1.png) + ++ 组件化应用构建 + +![](./img/条件与循环那一课的/2.png) + +一个布局为一个组件，一个布局内的几个部分就是几个组件 + +``` +
+
    + +
+ +
+ + + +``` -- Gitee