From 78ec38501c095aeceb99818584b38903f63c161b Mon Sep 17 00:00:00 2001 From: asd Date: Wed, 26 May 2021 17:40:57 +0800 Subject: [PATCH 1/5] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20210525Vue(1).md" | 21 ++++++++++++++++++ .../20210526Vue(2).md" | 2 ++ .../image/pic_htmltree.gif" | Bin 0 -> 3051 bytes 3 files changed, 23 insertions(+) create mode 100644 "\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" create mode 100644 "\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" create mode 100644 "\344\275\225\345\230\211\346\273\250/image/pic_htmltree.gif" diff --git "a/\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" "b/\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" new file mode 100644 index 0000000..b4cca9f --- /dev/null +++ "b/\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" @@ -0,0 +1,21 @@ +# 今天是第一次学习Vue框架的第一天，但是显然学习的时候对于Vue的语法是有问题的。 +## 总结一下自己的错误，在Vue的里面，现在html的body里面创建一个div，赋予一个id。 +## 其次在body的结束内下引入script，script里面引入vue的学习模板 +### 在写的时候，new Vue({ +### el:'#绑定的div id的数据名', +### data:{ +### id1:'任意想写什么写什么' +### id2:'任意随便写' +### id3:'任意我就是想要这么写' +### } +### }) +### data是用来定义属性，其中定义的属性可以替换html的任意一个的标签亦或者是属性。 +## data在这里是起一个返回类型的作用，***el是作为一个绑定函数，绑定的是div的id***。 +## 插值 文本 数据绑定最常见的形式就是使用 {{...}}（双大括号）的文本插值。 +## 然后我明白的一点点，在div的id中建立一个container，作为主容器，绑定该整体的函数表达。 +## 在el参数内绑定container，container下的各个div的id都可以添加自己想要的html标签。(有一丝的思路但是不知道为什么突然断掉了，不知其止) +## 不过我下午可以继续尝试一下 +## 补充一下，对于html中有一个Dom元素，documents objects Model ,这一个元素，如图： +![demo](image\pic_htmltree.gif) +## 然后dom是基于javascript在html输出流的一种接口。属性是html节点的值？？？(看麻了，有点看不懂) +## 待补充..... just a monent \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" "b/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" new file mode 100644 index 0000000..4b72482 --- /dev/null +++ "b/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" @@ -0,0 +1,2 @@ +## Vue 2.0 学习第二期 +## V-html Vue的V-html指令是用来输出html代码 \ No newline at end of file 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/pic_htmltree.gif" new file mode 100644 index 0000000000000000000000000000000000000000..d8882cf817ff477e18602349d44b47a2afcd5c46 GIT binary patch literal 3051 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 literal 0 HcmV?d00001 -- Gitee From ed4793ccc274bab7388875d8fec16f185ec74971 Mon Sep 17 00:00:00 2001 From: asd Date: Fri, 28 May 2021 11:33:39 +0800 Subject: [PATCH 2/5] =?UTF-8?q?=E8=BE=A3=E6=A4=92=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 "\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" diff --git "a/\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" "b/\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" new file mode 100644 index 0000000..e69de29 -- Gitee From 1c515cc028261c29707a0edd93623ea9d7f88c61 Mon Sep 17 00:00:00 2001 From: sa Date: Sat, 29 May 2021 17:39:02 +0800 Subject: [PATCH 3/5] =?UTF-8?q?=E4=BB=8A=E6=97=A5=E5=AD=A6=E4=B9=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 "\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" diff --git "a/\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" "b/\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" new file mode 100644 index 0000000..e69de29 -- Gitee From e37124ecf87f06d13d8975bd2674aa171e8acbde Mon Sep 17 00:00:00 2001 From: dsa Date: Mon, 31 May 2021 17:16:28 +0800 Subject: [PATCH 4/5] wh --- "\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" | 3 ++- "\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" | 7 +++++-- "\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" | 4 ++++ "\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" | 4 ++++ 4 files changed, 15 insertions(+), 3 deletions(-) diff --git "a/\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" "b/\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" index b4cca9f..d2efeb7 100644 --- "a/\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" +++ "b/\344\275\225\345\230\211\346\273\250/20210525Vue(1).md" @@ -18,4 +18,5 @@ ## 补充一下，对于html中有一个Dom元素，documents objects Model ,这一个元素，如图： ![demo](image\pic_htmltree.gif) ## 然后dom是基于javascript在html输出流的一种接口。属性是html节点的值？？？(看麻了，有点看不懂) -## 待补充..... just a monent \ No newline at end of file +## 待补充..... just a monent +## 不要学艺不精 wh alright。 diff --git "a/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" "b/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" index 4b72482..094fed1 100644 --- "a/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" +++ "b/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" @@ -1,2 +1,5 @@ -## Vue 2.0 学习第二期 -## V-html Vue的V-html指令是用来输出html代码 \ No newline at end of file +## Vue 2.0 学习第二期 (Vue的介绍) alright Note做的是给自己看的，不是给谁看的。好，就这样 +## V-html Vue的V-html指令是用来输出html代码 +## 补充一点，学的有v-for，v-on 这些指令都是很简单。 +## Vue起步 **声明式渲染** ，**条件循环**，**处理用户输入**，**组件化应用构建**。 +## 声明式渲染很简单. \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" "b/\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" index e69de29..d2b05e3 100644 --- "a/\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" +++ "b/\344\275\225\345\230\211\346\273\250/20210528Vue(3).md" @@ -0,0 +1,4 @@ +# Vue3.0 学习，上次学的是Vue的实例，但是我好像已经学过了，所以说不是很慌张。 +## 不过温故而知新，(麻了还温过？？？我自己已经傻逼了，太草了。) +## 在基于Vue的架构下，进行构建数组，进行实测。(高级批话。) +## \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" "b/\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" index e69de29..37beef5 100644 --- "a/\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" +++ "b/\344\275\225\345\230\211\346\273\250/20210529Vue(4).md" @@ -0,0 +1,4 @@ +# Vue4.0这次学的是Vue模语法。alright,？=wh ohhhhhhhhh +# 还想学艺不精？不可能了吧。总不能继续放弃，想要学那就继续来。还想骂陈智吗？ +# 要就继续学习。学他妈的，哔了狗了。 +# \ No newline at end of file -- Gitee From 06f735489a7d28c02f6543396fe2a847f5e2007f Mon Sep 17 00:00:00 2001 From: jiabin Date: Mon, 31 May 2021 21:12:18 +0800 Subject: [PATCH 5/5] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20210526Vue(2)_20210531211144.md" | 15 +++++++++++++++ .../20210526Vue(2).md" | 12 +++++++++++- 2 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 ".history/\344\275\225\345\230\211\346\273\250/20210526Vue(2)_20210531211144.md" diff --git "a/.history/\344\275\225\345\230\211\346\273\250/20210526Vue(2)_20210531211144.md" "b/.history/\344\275\225\345\230\211\346\273\250/20210526Vue(2)_20210531211144.md" new file mode 100644 index 0000000..1e78560 --- /dev/null +++ "b/.history/\344\275\225\345\230\211\346\273\250/20210526Vue(2)_20210531211144.md" @@ -0,0 +1,15 @@ +## Vue 2.0 学习第二期 (Vue的介绍) alright Note做的是给自己看的，不是给谁看的。好，就这样 +## V-html Vue的V-html指令是用来输出html代码 +## 补充一点，学的有v-for，v-on 这些指令都是很简单。 +## Vue起步 **声明式渲染** ，**条件循环**，**处理用户输入**，**组件化应用构建**。 +## 声明式渲染很简单.## Vue 2.0 学习第二期 +## V-html Vue的V-html指令是用来输出html代码 +## 🍀🍐🐎,🍊☞，我不用证明给你看,老b登！！！不管怎么样，都是能出人头地。 +## 学了Vue指令有**v-html,v-bind,v-if,v-on v-for** +## 好家伙，contribute和attribute(vt)都能理解理歪来！***attrib在计算机的名词解释为：属性，特征。*** +## ***平常的解释为：认为...是 ; 归因于... ; 认为某作品出自于某人之手；认为某事(物)属于人*** +## 其次卧槽卧槽卧槽，真的真的有一堆计算机基础需要学习，给我整傻了。 +## alright... 说正题，上述我会慢慢例子进行测试。 +## v-html已经做了。所以不是很着急，啊哈。 v-html绑定的是html内元素， +## v-bind：是Vue提供的用于绑定html属性的指令。（好嘛，这是👴copy来的，👴不管。 +## html中常见的属性有：id、class、src、title、style等，他们都是以 名称/值对 的形式出现，如：id="first" diff --git "a/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" "b/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" index 094fed1..1e78560 100644 --- "a/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" +++ "b/\344\275\225\345\230\211\346\273\250/20210526Vue(2).md" @@ -2,4 +2,14 @@ ## V-html Vue的V-html指令是用来输出html代码 ## 补充一点，学的有v-for，v-on 这些指令都是很简单。 ## Vue起步 **声明式渲染** ，**条件循环**，**处理用户输入**，**组件化应用构建**。 -## 声明式渲染很简单. \ No newline at end of file +## 声明式渲染很简单.## Vue 2.0 学习第二期 +## V-html Vue的V-html指令是用来输出html代码 +## 🍀🍐🐎,🍊☞，我不用证明给你看,老b登！！！不管怎么样，都是能出人头地。 +## 学了Vue指令有**v-html,v-bind,v-if,v-on v-for** +## 好家伙，contribute和attribute(vt)都能理解理歪来！***attrib在计算机的名词解释为：属性，特征。*** +## ***平常的解释为：认为...是 ; 归因于... ; 认为某作品出自于某人之手；认为某事(物)属于人*** +## 其次卧槽卧槽卧槽，真的真的有一堆计算机基础需要学习，给我整傻了。 +## alright... 说正题，上述我会慢慢例子进行测试。 +## v-html已经做了。所以不是很着急，啊哈。 v-html绑定的是html内元素， +## v-bind：是Vue提供的用于绑定html属性的指令。（好嘛，这是👴copy来的，👴不管。 +## html中常见的属性有：id、class、src、title、style等，他们都是以 名称/值对 的形式出现，如：id="first" -- Gitee