vue快速入门VUE.js_第2页-阿里云

vue快速入门(十) 之 v-model双向数据绑定

v-model可以把表单数据传过来的值与代码中的值进行交互<body> <div id="app"> <h1>{{message}}</h1> <input type="text" v-model="message"> ...

vue快速入门(九) 之 v-for用法

v-for是一个十分常用的遍历方法,他可以把他本身所在的标签复制很多份,具体份数看for循环多少次,如下例子<body> <div id="app"> <ul> <li v-for="item in language">我会使用</li> ...

Spring Boot+Vue.js+FastDFS实现分布式图片服务器

16 课时 |

251 人已学 |

加入学习

Vue.js 入门与实战

86 课时 |

19074 人已学 |

加入学习

Vue.js完全自学手册图文教程

13 课时 |

6405 人已学 |

加入学习

vue快速入门(八) 之轮播图的切换

还是利用之前的方法,设置左右两个按钮,点击它们,分别让图片列表的下表变化就可以<body> <div id="app"> <img src="./zuo.jpg" alt="" height="100px" width="100px...

vue快速入门(七) 之 v-bind属性绑定

利用v-bind的话vue可以进行标签的属性绑定,如下:<body> <div id="app"> <img v-bind:src="imgSrc" alt=""> </div> <script src="https...

vue快速入门(六) 之 v-show 和 v-if 用法

在纯前端的页面中,我们可以设置一个标签的隐藏与否,而v-show则是vue中来实现该功能的<body> <div id="app"> <h1 v-show="isSHow">this is a test lebel</h1> <button @c...

vue快速入门(五) 之简单的计数器

一个超级简单的计数器设置,如下<body> <div id="app"> <span @click='sub'>-</span> <span v-text="num"></span> <...

vue快速入门(四) 之 v-on:事件绑定以及 @keyup事件触发

1.v-on方法在JavaScript中有点击,鼠标移动等事件,vue中自然也有对应的方法,如下这一次我们使用了method而不是data,在method里边定义各种方法,比如这个弹出警告的方法,在div里边呢,我们使用v-on 后边接动作类型,比如点击,鼠标移动等,后边就是触发的方法名点击弹出警告...

vue快速入门(二) 之data数据对象

前边我们的data只是传递了message: "hello vue"这么一个简单的键值对数据,data还支持很多复杂的类型可以看到不管是json还是列表形式都是可以读取出来,方法也是很简单的,代码如下<body id="b"> {{message}} <div id="app"&g...

vue快速入门(一) 之第一个vue程序

vue官网传送门vue官网下面是第一个vue程序<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi...