Vue
文章平均质量分 57
cainiao_Lyx
这个作者很懒,什么都没留下…
展开
-
(四)Vue基础构建简易的Tab选项卡
首先我们先来介绍一下循环操作。循环语句我们使用的是v-for,其语法如下:<li :key="item.id" v-for="(item,index) in list">{{item.title}}</li>我们也可以写成如下形式:<li :key="item.id" v-for="(item) in list">{{item.title}}</li>index就是条目的索引,大家还可以看到这里写了一个:key,那这个有什么作用呢?它的作用就是原创 2021-01-26 18:41:31 · 303 阅读 · 0 评论 -
(三)Vue事件绑定&&属性绑定&&样式绑定
上回复习了前面的指令,这次来说说后面的绑定。首先是事件绑定:事件绑定用到的是v-on指令。看上图就可知,可以写作v-on:click,也简写为@click,还是推荐简写啊(毕竟简单省力,哈哈)。在这再提一次,on事件名的方式绑定多个事件,只有最后一次绑定起作用!我们有时候可能对不同的事件有不同的要求,那我们就可以用事件修饰符来达到目的:时间修饰符有很多,这里就提两个:(1).stop 阻止冒泡 (2).prevent 阻止默认行为下面用一段代码来说明他们的作用:...原创 2020-12-07 21:06:39 · 573 阅读 · 2 评论 -
(二点一)Vue指令实现简单的计算器
这里我们来实现一个简单计算器,来复习一下前面所说到的一些指令。下面是程序代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <h1>简单计算器</h1>原创 2020-12-03 20:33:13 · 391 阅读 · 0 评论 -
(二)Vue的模板语法
ok,今天来说说Vue的一些模板语法吧!首先是Vue中的指令:上回中我们学到了插值表达式{{xxx}},但是插值表达式有一个问题就是闪动问题,那什么是闪动问题呢?闪动问题就是在页面渲染的时候,先显示了原本的插值表达式,然后才替换成了我们想要的数据。消除闪动问题我们就可以使用指令:v-cloak,原理就是首先使用样式进行隐藏,在内存中进行替换,最终将替换结果显示出来。数据绑定指令:(数据绑定就是数据填充到标签中)v-text(无闪动问题)填充纯文本2)v-html 填充html片段3)v-p原创 2020-11-29 21:51:12 · 180 阅读 · 1 评论 -
(一)Vue框架的基本使用
今天开始Vue的学习之旅!首先需要的准备工作就是去官网整一个js,网址如下:Vue官网点击起步点击安装选择开发版本下载下来之后放在你能找到的地方就此准备工作就到这里了接下来就开始Vue的正式学习!Vue给我的直观感受就是简化了程序员的开发(果然程序员都懒,哈哈)以前我们需要操纵DOM元素进行一系列操作,用jquery,ajax等都需要DOM操作来获取数据呀啥的,会很麻烦。Vue就简化了这些操作,根据他的双向数据绑定的特性,我们可以很easy的获取数据并进行操作。OK,说到这里我们原创 2020-11-28 16:49:33 · 495 阅读 · 0 评论 -
(零)Vue开篇
从明天开始进行Vue的学习与总结,也会给大家分享心得体会,一起进步!原创 2020-11-27 23:28:53 · 126 阅读 · 0 评论