diff --git "a/\344\275\225\345\230\211\346\273\250/20200604Vue(7).md" "b/\344\275\225\345\230\211\346\273\250/20200604Vue(7).md" deleted file mode 100644 index 5b5bcfea571f7c82a677a215b24c943541bea093..0000000000000000000000000000000000000000 --- "a/\344\275\225\345\230\211\346\273\250/20200604Vue(7).md" +++ /dev/null @@ -1,7 +0,0 @@ -# Vue的组件基础 -## 包括表单基础那些我都已经进行尝试过了,现在还需要继续慢慢尝试。 -## 组件在对于Vue里面来说还是很重要的,可以在扩展html元素和封装可以重用的代码 -## Vue.component(tagName, options) **tagName 为组件名,options 为配置选项。注册后,我们可以使用以下方式来调用组件:** -## 组件中的prop声明是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来。也就是说 -## 这样再相对于单向绑定的类似于V-model,我只对我要的东西进行声明,声明完成后再对其进行使用包装,其他的绑定项是不能对他造成一丝一毫的影响 -## alright就是这样子了。 \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\273\250/20200611Vue(11).md" "b/\344\275\225\345\230\211\346\273\250/20200611Vue(11).md" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/\344\275\225\345\230\211\346\273\250/20210605Vue(8).md" "b/\344\275\225\345\230\211\346\273\250/20210605Vue(8).md" index 801be7d59b9fb646591b33f4b13d21745aac329e..4beb27b3e5c5732cf05f962dae043b4dc15f32ba 100644 --- "a/\344\275\225\345\230\211\346\273\250/20210605Vue(8).md" +++ "b/\344\275\225\345\230\211\346\273\250/20210605Vue(8).md" @@ -1,4 +1,4 @@ # 今天好懵啊!我真的没有看懂我自己。学习Vue之深入了解组件 -## ![class](image/202106051.JPG)这是课上的第一个图片 -## ![class](image/202106052.JPG)这是课上的第二个图片 +## ![class](image/20210605/202106051.JPG)这是课上的第一个图片 +## ![class](image/20210605/202106052.JPG)这是课上的第二个图片 ## 课上讲了Vue组件绑定,radio 和 checked 类的都是说value无关,而是和它绑定的有关 \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\273\250/20210608Vue(9).md" "b/\344\275\225\345\230\211\346\273\250/20210608Vue(9).md" new file mode 100644 index 0000000000000000000000000000000000000000..1f013f7ea2b8ba2cb4f9d09b5ac22248081b6e23 --- /dev/null +++ "b/\344\275\225\345\230\211\346\273\250/20210608Vue(9).md" @@ -0,0 +1,8 @@ +# Vue的组件注册的多项 +## 课上的demo +## ![demo1] [image/20210608/202106081.JPG] 胡哥的课上例子,举例演示而已罢了 +## ![demo2] [image/20210608/202106082.JPG] 有一个很重要的我需要强调声明 +## ![demo3] [image/20210608/202106083.JPG] 在创建新的声明的时候是可以传参和不传参的这两种 +## ![demo4] [image/20210608/202106084.JPG] 确切来说声明应该是在demo3和demo4里面来进行比较的。 +## 如上面的dd="dosomething",在下面的模板template中:'
  • {{item.todoItem}}
  • ' +## 在chorme的js解释器中可以获取到参数,例如刚刚实例的1,从中获得显示参数,或者不显示参数 \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\273\250/20210609Vue(\342\221\251).md" "b/\344\275\225\345\230\211\346\273\250/20210609Vue(\342\221\251).md" new file mode 100644 index 0000000000000000000000000000000000000000..748236eb72b8b9c57f68ff8796c54feffd46a34b --- /dev/null +++ "b/\344\275\225\345\230\211\346\273\250/20210609Vue(\342\221\251).md" @@ -0,0 +1,43 @@ +# Vue 关于集成开发的安装配置 +# ***安装@vue/cli的yarn的版本*** +## 这个还是很重要的alright +## 以下步骤 1.先在cmd(不要powershell铁fw)里面下载yarn (npm i -g yarn) +## 查询yarn的配置 yarn config list +## 设置yarn的淘宝镜像地址 为: https://registry.npm.taobao.org +## 命令为 yarn config set resistry https://registry.npm.taobao.org +## 再然后进行设置yarn的环境变量 +## 查看yarn安装过的包 +## 命令为: yarn global bin +## yarn global upgrade --latest @vue/cli 更新yarn的包 +## yarn 的查询源为 : yarn config get registry +## 然后再下载vue的集成开发版本为***yarn global add @vue/cli*** +## 如果要卸载的话就设置 yarn global remove @vue/cli-init +## or +## yarn globala remove @vue/cli **双命令** +## 然后按照原来的就可以了 + +# ***npm下载@vue/cli版本*** +## 查询本地的镜像地址 命令为: npm get register +## 设置地址为: npm config set register http://register.npm.taobao.org/ +## npm config get register +## 然后下载vue的集成开发版本 +## 下载升级更新为 npm update -g @vue/cli +## 这两个命令是安装Vue的包 +## npm install -g @vue/cli +## OR +## yarn global add @vue/cli +## 好!好!好!我自己创建成功咯!!!芜湖 +## 这样不要用powershell,用cmd来创建 +## 如果忘了百度搜索的关键词就 搜索 vue脚手架的安装 +## 要查询vue的版本 ***vue -v*** 然后就会显示集成环境下的vue的版本 +## 然后用cmd进入到d盘 **D: 回车** +## 创建vue的项目 指令为 vue create demo/(或者任意名称) +## 再然后vue会继续下载一堆东东 +## cd 到 我创建的文件夹下 **cd demo** +## 下载完后会有两个批处理命令 +## 执行命令为 ***npm run serve*** +## 在localhost里面就可以看到我们配置及完成安装后的Vue运行 +## 因为再此环境下已经完成了,所以再d盘打开我们的vue +## 用vscode打开就好了. +## 很好上课完成了今天的任务 +## 就剩下我们自己部署到自己的服务器上了。 diff --git "a/\344\275\225\345\230\211\346\273\250/20210609Vue(\342\221\251)1.md" "b/\344\275\225\345\230\211\346\273\250/20210609Vue(\342\221\251)1.md" new file mode 100644 index 0000000000000000000000000000000000000000..47a211946b08a773782070886dde88ce6427fac9 --- /dev/null +++ "b/\344\275\225\345\230\211\346\273\250/20210609Vue(\342\221\251)1.md" @@ -0,0 +1,5 @@ +# 对于本地Vue本地完成后打包部署到服务器上的指令及学习内容 +## 对于需要上传到服务器的命令我自己的以下理解 +## 对对对!!! 课上胡哥说了一个 如果说嘛自己的服务器里面没有下载nodejs的话,那就需要下载,但是它下载的话它会自动安装npm的包 +## 再然后在服务上安装yarn的包 +## \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\273\250/20210612Vue(12).md" "b/\344\275\225\345\230\211\346\273\250/20210612Vue(12).md" new file mode 100644 index 0000000000000000000000000000000000000000..28a6b788694340a998e27703e2ae909e6201e50e --- /dev/null +++ "b/\344\275\225\345\230\211\346\273\250/20210612Vue(12).md" @@ -0,0 +1,3 @@ +# Vue单文件组件 基于@vue/cli集成开发环境下进行部署多项目 +## 在基于.vue为主的后缀格式的单文件引用在多文件进行引用 +## 稍等一会会吧,现在是16点21分,没有状态不是很想搞,所以要等晚点再来。 \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\273\250/image/202010608/202106081.JPG" "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106081.JPG" new file mode 100644 index 0000000000000000000000000000000000000000..42476448b403492130a8b49e41c570baef006af7 Binary files /dev/null and "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106081.JPG" differ diff --git "a/\344\275\225\345\230\211\346\273\250/image/202010608/202106082 .JPG" "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106082 .JPG" new file mode 100644 index 0000000000000000000000000000000000000000..b6cbe181ba938be2927ea3d25816308e93532418 Binary files /dev/null and "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106082 .JPG" differ diff --git "a/\344\275\225\345\230\211\346\273\250/image/202010608/202106083.JPG" "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106083.JPG" new file mode 100644 index 0000000000000000000000000000000000000000..2d87a468ec026f16c5bd56539e63c30b38117fd2 Binary files /dev/null and "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106083.JPG" differ diff --git "a/\344\275\225\345\230\211\346\273\250/image/202010608/202106084.JPG" "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106084.JPG" new file mode 100644 index 0000000000000000000000000000000000000000..45e25e00fd6203405b3134737fefee5297676a88 Binary files /dev/null and "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106084.JPG" differ diff --git "a/\344\275\225\345\230\211\346\273\250/image/202010608/202106085.JPG" "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106085.JPG" new file mode 100644 index 0000000000000000000000000000000000000000..51372249ba2d8d4b9ee647ede77798ba150da665 Binary files /dev/null and "b/\344\275\225\345\230\211\346\273\250/image/202010608/202106085.JPG" differ diff --git "a/\344\275\225\345\230\211\346\273\250/image/pic_htmltree.gif" "b/\344\275\225\345\230\211\346\273\250/image/202010608/pic_htmltree.gif" similarity index 100% rename from "\344\275\225\345\230\211\346\273\250/image/pic_htmltree.gif" rename to "\344\275\225\345\230\211\346\273\250/image/202010608/pic_htmltree.gif" diff --git "a/\344\275\225\345\230\211\346\273\250/image/202106051.JPG" "b/\344\275\225\345\230\211\346\273\250/image/20210605/202106051.JPG" similarity index 100% rename from "\344\275\225\345\230\211\346\273\250/image/202106051.JPG" rename to "\344\275\225\345\230\211\346\273\250/image/20210605/202106051.JPG" diff --git "a/\344\275\225\345\230\211\346\273\250/image/202106052.JPG" "b/\344\275\225\345\230\211\346\273\250/image/20210605/202106052.JPG" similarity index 100% rename from "\344\275\225\345\230\211\346\273\250/image/202106052.JPG" rename to "\344\275\225\345\230\211\346\273\250/image/20210605/202106052.JPG"