diff --git "a/\344\275\231\346\267\221\345\251\267/2021-06-08.md" "b/\344\275\231\346\267\221\345\251\267/2021-06-08.md" new file mode 100644 index 0000000000000000000000000000000000000000..b8e3cdf16a68a899f4e89d30db85b80b9827addf --- /dev/null +++ "b/\344\275\231\346\267\221\345\251\267/2021-06-08.md" @@ -0,0 +1,115 @@ +# 2021-06-08的笔记 +# Vue第9节课 组件 +## 组件的基本示例 +``` + +
//定义的Vue叫app 所以这里也是app + //这里叫啥取决于Vue.component组件叫啥 可以自己命名 会用到下面组件的模板 +
+ + + +``` +结果如图![](./img/2021-06-08-01.png) + +## 多个组件应用 +只需多写几个就好 每用一次组件,就会有一个它的新实例被创建。 +
+ + + + +
+如图![](./img/2021-06-08-02.png) + +## 关于data一定要是个函数 +这个我不是很懂 所以为了不出错 就无论组件还是Vue都用函数吧 如果没用到data就可以不写data + +如图![](./img/2021-06-08-03.png) + +## 通过 Prop 向子组件传递数据 +``` + +
+ + +
+ + + +``` +如图 会应用到模板里面的 h1 ![](./img/2021-06-08-04.png) + +## 单个根元素 +``` + +
+ + //v-for="item in posts 绑定了下面的Vue的posts + //:title="item" ":"这个符号的意思就是绑定 就相当于这里也绑定了下面的posts +
+ + + +``` +![](./img/2021-06-08-05.png) \ No newline at end of file diff --git "a/\344\275\231\346\267\221\345\251\267/2021-06-09.md" "b/\344\275\231\346\267\221\345\251\267/2021-06-09.md" new file mode 100644 index 0000000000000000000000000000000000000000..b92325538be8983a37b8eb264f9652fc44be992f --- /dev/null +++ "b/\344\275\231\346\267\221\345\251\267/2021-06-09.md" @@ -0,0 +1,58 @@ +# 2021-06-09的笔记 +# Vue第10节课 下载 +``` +第一步:打开PowerShell +``` +![](./img/2021-06-09-02.png) + +``` +第二步:进去按图片做 +``` +![](./img/2021-06-09-01.png) + +``` +第三步:等下载完成后打开环境变量 +``` +![](./img/2021-06-09-03.png) + +``` +第四步:设置环境变量 +``` +![](./img/2021-06-09-04.png) + +``` +第五步:确定环境变量 +``` +![](./img/2021-06-09-05.png) + +``` +第六步:重启PowerShell +``` +![](./img/2021-06-09-02.png) + +``` +第七步:开始创建 +``` +![](./img/2021-06-09-06.png) + +``` +第八步:选择vue版本 +``` +![](./img/2021-06-09-07.png) + +``` +第九步:下载完成 +``` +![](./img/2021-06-09-08.png) +![](./img/2021-06-09-09.png) + +``` +第十步:运行项目 +``` +![](./img/2021-06-09-10.png) + +``` +第十一步: 出现网址 并且打开 +``` +![](./img/2021-06-09-11.png) +![](./img/2021-06-09-12.png) \ No newline at end of file diff --git "a/\344\275\231\346\267\221\345\251\267/2021-06-11.md" "b/\344\275\231\346\267\221\345\251\267/2021-06-11.md" new file mode 100644 index 0000000000000000000000000000000000000000..cedf0c6e8c287065c7dd84e5b8a27ed15880de68 --- /dev/null +++ "b/\344\275\231\346\267\221\345\251\267/2021-06-11.md" @@ -0,0 +1,65 @@ +# 2021-06-11的笔记 +# Vue第11节课 +``` +第一步:打开PowerShell +``` +![](./img/2021-06-09-02.png) + +``` +第二步:进去按图片做 +``` +![](./img/2021-06-09-01.png) + +``` +第三步:等下载完成后打开环境变量 +``` +![](./img/2021-06-09-03.png) + +``` +第四步:设置环境变量 +``` +![](./img/2021-06-09-04.png) + +``` +第五步:确定环境变量 +``` +![](./img/2021-06-09-05.png) + +``` +第六步:打开linux 并且链接服务器 +``` +![](./img/2021-06-11-01.png) + +``` +第七步: 查看有无vue +``` +![](./img/2021-06-11-02.png) + +``` +第八步: 查看版本并下载淘宝镜像 +``` +![](./img/2021-06-11-03.png) + +``` +第九步: +``` +![](./img/2021-06-11-04.png) + +``` +第十步: +``` +![](./img/2021-06-11-05.png) + +``` +第十一步: +``` +![](./img/2021-06-11-06.png) + + + +# 新的 +![](./img/2021-06-11-07.png) +![](./img/2021-06-11-08.png) +![](./img/2021-06-11-09.png) +![](./img/2021-06-11-10.png)下载cli +![](./img/2021-06-11-11.png) \ No newline at end of file diff --git "a/\344\275\231\346\267\221\345\251\267/2021-06-12.md" "b/\344\275\231\346\267\221\345\251\267/2021-06-12.md" new file mode 100644 index 0000000000000000000000000000000000000000..1873e9cb9578ab3d851c0cc4486c8c86efa16cef --- /dev/null +++ "b/\344\275\231\346\267\221\345\251\267/2021-06-12.md" @@ -0,0 +1,164 @@ +# 2021-06-12的笔记 +# Vue第12节课 +## 用Vue CLI编写代码之前要执行的操作 +``` +第一步: +``` +![](./img/2021-06-12_img1.png) + +``` +第二步: +``` +![](./img/2021-06-12_img2.png) + +``` +第三步: +``` +![](./img/2021-06-12_img3.png) +## 用Vue CLI编写代码 +1. App.vue文件 +``` + + + + + +``` + +2. HelloWorld.vue文件 +``` + + + + + + +``` + +3. Title.vue文件 +``` + + + + + +``` \ No newline at end of file diff --git "a/\344\275\231\346\267\221\345\251\267/2021-06-15.md" "b/\344\275\231\346\267\221\345\251\267/2021-06-15.md" new file mode 100644 index 0000000000000000000000000000000000000000..2ff3bfd6429461048b7769bd5a90dc3b5b05fec0 --- /dev/null +++ "b/\344\275\231\346\267\221\345\251\267/2021-06-15.md" @@ -0,0 +1,117 @@ +# 2021-06-15的笔记 +# Vue第13节课 +## 按照上一篇下载vue +![](./img/2021-06-15-01.png) + +## main.js +``` +import Vue from 'vue' +import App from './App.vue' +import VueRouter from 'vue-router' //把vue-router命名成VueRouter +import Login from './components/Login.vue' //引用components里面的Login.xue + +Vue.config.productionTip = false //自己生成的 不管他 + +Vue.use(VueRouter) //使用vue-router + +let router=new VueRouter({ + mode:'history', //设置一个模式 如果没有这个 网址上面就会有一个“#”号 + routes:[ + { + path:'/login', //路由Login 在网址后面加上/login 就会出现Login组件 而不是页面 + component:Login //设置的组件 + } +] +}) + +new Vue({ + router, + render: h => h(App), +}).$mount('#app') + +``` + +## HelloWorld.vue //系统自带的组件 +``` + + + + + //这下面都是系统自带的 + +``` + +## Login.vue +``` + + +``` + +## App.vue +``` + + + + + + +``` +![](./img/2021-06-15-02.png) +![](./img/2021-06-15-03.png) diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-08-01.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-01.png" new file mode 100644 index 0000000000000000000000000000000000000000..2121302ac92d1fcd19d66bb241b7200e35aa28eb Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-01.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-08-02.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-02.png" new file mode 100644 index 0000000000000000000000000000000000000000..b2c7eb1c958290bee0578d7d83a23b0243130c90 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-02.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-08-03.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-03.png" new file mode 100644 index 0000000000000000000000000000000000000000..8e3cb46558e9959469e1f6b8b5f497b69a027893 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-03.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-08-04.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-04.png" new file mode 100644 index 0000000000000000000000000000000000000000..007fb701757c58c3a24fd84218a2c671337672c3 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-04.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-08-05.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-05.png" new file mode 100644 index 0000000000000000000000000000000000000000..fc2e0edd5b186e618661235e595e751da98b8109 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-08-05.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-01.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-01.png" new file mode 100644 index 0000000000000000000000000000000000000000..2bb3b427fbe11dac7bbf2f20c8194e75839420f6 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-01.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-02.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-02.png" new file mode 100644 index 0000000000000000000000000000000000000000..fd1e712b306e794d50f79a21ae5048aca8176184 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-02.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-03.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-03.png" new file mode 100644 index 0000000000000000000000000000000000000000..b88878f3fe971a51c1fd1afd14280f08af7bc40e Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-03.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-04.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-04.png" new file mode 100644 index 0000000000000000000000000000000000000000..c091e4b14d15e8b6bbd8a82220ed532ea02b664a Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-04.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-05.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-05.png" new file mode 100644 index 0000000000000000000000000000000000000000..c28efa2fa5e8fa51c991e5deba9e553b56549423 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-05.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-06.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-06.png" new file mode 100644 index 0000000000000000000000000000000000000000..e513547343bab5b71f1e07ff203b628fa33889c6 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-06.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-07.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-07.png" new file mode 100644 index 0000000000000000000000000000000000000000..e82b22ea43f94d45394a998e60b26be3476d0ace Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-07.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-08.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-08.png" new file mode 100644 index 0000000000000000000000000000000000000000..86998f3c66ace52eb8d27c05e70bd9299c85bd82 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-08.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-09.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-09.png" new file mode 100644 index 0000000000000000000000000000000000000000..f38cf98f28c6b16777ba4367396bb23adda063c1 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-09.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-10.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-10.png" new file mode 100644 index 0000000000000000000000000000000000000000..b743d2556d5e943f08ac3ebfe027906543fbfb6f Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-10.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-11.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-11.png" new file mode 100644 index 0000000000000000000000000000000000000000..99fae2a84b15873443183151894d65f903616f74 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-11.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-09-12.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-12.png" new file mode 100644 index 0000000000000000000000000000000000000000..9aee42f17af80f8bf19211c49102f777f37bcdfd Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-09-12.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-01.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-01.png" new file mode 100644 index 0000000000000000000000000000000000000000..1c3a97eca35a29ba916d5005d5b8814895e79792 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-01.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-02.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-02.png" new file mode 100644 index 0000000000000000000000000000000000000000..e998b09b9b4ce64af3a818de25a41a1e34cf905b Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-02.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-03.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-03.png" new file mode 100644 index 0000000000000000000000000000000000000000..913da6bbb87fa8348f2185b54930961127d8df9a Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-03.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-04.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-04.png" new file mode 100644 index 0000000000000000000000000000000000000000..7bc2997946a0b1885ed66770ba6724ae59e0c329 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-04.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-05.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-05.png" new file mode 100644 index 0000000000000000000000000000000000000000..840196c7b66f812572cb2a81a09d1bd78c8a7dbb Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-05.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-06.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-06.png" new file mode 100644 index 0000000000000000000000000000000000000000..9fbeae2d60a4df74015a66e738be4b257091aede Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-06.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-07.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-07.png" new file mode 100644 index 0000000000000000000000000000000000000000..98da3cf4298dbcf1b2a7dc777dd8ca2e41d5fd5f Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-07.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-08.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-08.png" new file mode 100644 index 0000000000000000000000000000000000000000..2c8a4ab4f7bbfd180111186ff8b82d1ee560dc70 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-08.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-09.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-09.png" new file mode 100644 index 0000000000000000000000000000000000000000..2d8c1efe8d104c970a9ee3ee290ab33361b153e0 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-09.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-10.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-10.png" new file mode 100644 index 0000000000000000000000000000000000000000..f6061e2826d81f0d0ce38ffd3ffaa7ed90e42ac7 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-10.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-11-11.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-11.png" new file mode 100644 index 0000000000000000000000000000000000000000..0a06269ded2e210c6dc8c779ab505118fe012c0a Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-11-11.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img1.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img1.png" new file mode 100644 index 0000000000000000000000000000000000000000..418f908c5a19f446bede9f459653addb2530143d Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img1.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img2.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img2.png" new file mode 100644 index 0000000000000000000000000000000000000000..aa20aeba9f4182117d640742b1ee3df001d50eab Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img2.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img3.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img3.png" new file mode 100644 index 0000000000000000000000000000000000000000..9930f52da0ac8e98a15f7aeb59f32093ade229f7 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-12_img3.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-15-01.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-15-01.png" new file mode 100644 index 0000000000000000000000000000000000000000..838a020a3a0346c3fab098cab2cfd19f92da2032 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-15-01.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-15-02.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-15-02.png" new file mode 100644 index 0000000000000000000000000000000000000000..12375b08dbcd2ee98a1dbba0838d3b52c8bc332b Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-15-02.png" differ diff --git "a/\344\275\231\346\267\221\345\251\267/img/2021-06-15-03.png" "b/\344\275\231\346\267\221\345\251\267/img/2021-06-15-03.png" new file mode 100644 index 0000000000000000000000000000000000000000..4807cb317b75f3cf96844eb9dc6e0ed2239a45c2 Binary files /dev/null and "b/\344\275\231\346\267\221\345\251\267/img/2021-06-15-03.png" differ