最土的vue白话教程

我们上一节课已经学习过如何发送get/post请求。 本节课来进阶学习如何并发请求，是的没错，前端也可以并发请求 注意看下面的例子，演示了如何同时并发俩个请求， 在返回值处理中，分别用acct 和 p

学习了这么多vue知识，我们其实已经可以用vue做很多事了，但是还有一个重要的事情，我们忘记说了，就是如何用vue发送http请求。 其实发送一个请求的代码，跟vue关系并不大，无论你用什么前端框架都

让我们先来看下菜鸟教程的官方定义： 然后我们再来思考下，这段话的含义，可以明确以下几点： prop是一个属性 prop是用来传递数据的，应该相当于一个媒介 那么，这里就引出来几个问题： props在哪

提到组件，估计大家都大概知道是什么意思，就是一个能复用的模块。 那么在前端的vue里，这个组件是什么意思呢？ 其实就是像一个小工厂一样，源源不断的生产出来指定的元素标签，让你插入到页面上。 主要是有俩

原生的表单大家应该都见过，这个form标签内有很多输入。 那么vue能不能让表单的数据跟着改动呢？当然可以，我们之前学习了一个指令，它可以绑定input输入框的内容，它就是v-model 我们当时最后

我们之前学习的事点击事件，也就是v-on:click 本节课我们要学的事键盘按键事件，也就是v-on:keyup 之前说的click，因为我们什么都可以点击，所以v-on:click几乎用于各种元素中

上节课我们学习了事件处理器：v-on: 本节课我们学习的就是在这基础上，增加一些修饰的技术。具体写法就是： 用click点击事件举例的写法如下： 那么这是什么意思呢？什么叫冒泡呢？ 我们往下看。 假如

我们之前说过，v-on是一个可以带参数的指令，不过这样的说法貌似很多同学都觉得别扭，实际上，我们说给一些特殊的属性前面加v-on ，更加便于理解。比如click。 写法举例： 那么我们今天要重新学习v

。 上节课我们讲了class样式的各种绑定用法，本节我们来学习style的用法吧。 众所周知，class是调用全局样式集合的，而style则是写具体的每个样式细节的，优先级是高于class的。 同样我

我们先来思考下这个”样式绑定“是什么意思？ 样式：元素的样式外观，涉及到的俩个元素标签内的属性是：class 和 style 绑定：vue牛逼不就牛逼在绑定上么，之前我们学习的都是绑定具体的属性值，比

大家一看这个标题： 计算属性 是什么意思？不懂。 computed是什么？怎么用，放在哪？也不懂。 没关系，我第一次学习到这的时候 也不懂。所以我这里简单用土话给新人说一下，我们前面学习过 metho

看这个循环，大家如果熟悉python的估计都能猜出怎么用的大概。那么它是循环什么的？ 其实是循环元素标签的，让你的元素标签循环生成并展示。 举个例子，你有5个人，想在前端展示5个人的名字。那么你要不用

v-show指令和v-if指令的作用一样，都是跟后面的表达式真假来决定元素标签是否展示的。 比如： 看到了这，很多同学都一眼就明白了。 但是紧接着就是疑惑，为什么明明已经有v-if了，还要创造个v-s

v-if 指令，大家一看，很明显是vue自创的。是不是还有点印象？没错，我们之前讲过这个v-if了，就是在刚刚学指令的时候用v-if举例，它的作用是决定这个元素标签是否要显示出来。 不过我们当时的判断

本节课没什么主要知识点，也不需要你必须去在草纸上测试。 主要就了解下即可。 因为某些指令用的太频繁，所以作者设计了简写，可以极大的加快写作速度。但是我们要背熟练一些，否则容易记错。 例子： 例子：

vue的新知识点，过滤器，这个过滤器是要过滤谁？其实就是某个变量而已。但是这里我觉得叫过滤器并不准确，因为它能做的事情太多了，叫修改器还差不多。 比如我要显示一个变量message 但是这里有个需求，

v-on指令，我们一般用在按钮标签上，也就是button等。可以对用户的点击等操作 进行反馈。那么它绑定的是什么呢？当然可以是 函数了！比如：v-on:click="reverseMessage" ，

什么叫双向绑定？我们之前已经学习过，属性绑定后，vue构造器中data的变量变化是会引起dom层中元素标签的属性值变化的，而且实时刷新。 那么双向绑定额意思，很显然就是说，如果标签内的属性值发生变化，

大家一定不陌生v-bind，我们上一节课 说 ，v-开头的都是 vue自己做的一些指令，讲了一个v-if指令，用来控制元素标签是否显示隐藏。 但是这个v-bind，也是一个指令。我们一开始认识它的时候

问：这东西是干嘛的？答：这东西是vue自己加的特殊的一种元素属性。可以监控自己的值是否变化 来决定一些特殊事件。 问：这东西怎么用？答：跟元素的其他属性如 id,name 等一样，都写在标签内即可。