Vue
关注
分享
扫一扫
AllenWalker1936
此博客是本人用来记录学习进程以及方便以后复习所学知识的博客，学习资料和部分博客内容来自w3school，代码部分均为本人手打，如有侵权请私信。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue走马灯
Vue走马灯分析给按钮绑定事件，v-on或者@在按钮的事件处理函数中写入相关业务逻辑代码：拿到message字符串，然后用substring方法来截取字符串的第一个字符并放到最后为了一直循环需要把步骤2中代码放入定时器中停止走马灯特效就是清除定时器用到的方法if(){}//判断substring()//截取字符串setInterval()//设置定时器clearInter...原创 2019-04-17 15:51:29 · 837 阅读 · 0 评论 -
Vue事件修饰符
Vue事件修饰符方法.stop - 阻止冒泡.prevent - 阻止默认行为//例如a标签的链接的弹出.capture - 实现捕获触发事件//从内到外.self - 只有点击当前元素才会触发事件.once - 只触发一次事件处理函数stop与self的区别<div class="outer" @click="div2Handler"> <div cla...原创 2019-04-17 17:36:29 · 200 阅读 · 0 评论 -
Vue v-model双向数据绑定和一个简单的整数计算器
一、v-model双向数据绑定方法v-bind - 单向数据绑定（从M到V）v-model - 双向数据绑定例子<input type="text" v-bind:value="msg" style="width:200px">//单向<input type="text" v-model="msg" style="width:200px">//双向TI...原创 2019-04-18 14:58:32 · 801 阅读 · 0 评论 -
vue中样式
vue中样式（上）代码<!doctype html> <head> <title>vue中样式</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> ....原创 2019-04-22 15:40:23 · 385 阅读 · 0 评论 -
Vue v-for循环
四种v-for循环例子1.循环普通数组<p v-for="(item, i) in list">索引：{{i}} 值为：{{item}}</p>2.循环对象数组<p v-for="(who, i) in list2">索引：{{i}} ID：{{who.id}} 名字为：{{who.name}}</p>3.循环对象<p v-...原创 2019-04-23 16:50:51 · 1543 阅读 · 0 评论 -
Vue v-for循环中 key 属性的使用
v-for循环中 key 属性的使用使用到的方法unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。key属性使用重点1.v-for 循环的时候， key 属性只能使用 number 获取 string2.key 在使用的时候必须使用 v-bind 属性绑定的形式，指定 key 的值3.在...原创 2019-04-25 16:31:31 · 2863 阅读 · 0 评论