![](https://img-blog.csdnimg.cn/20191101091406388.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Genius-Vue.js
GeniusTeam-夜光
GeniusTeam:
结尽同心缔尽缘, 此生虽短意缠绵,
世间安得双全法, 不负如来不负卿。
展开
-
夜光带你走进Vue.js(三十三)擅长的领域
夜光序言:聆听着脚下秋叶沙沙作响的声音,看着那一棵棵被这深秋染红的树,与那一片片秋叶随风飘落的静美,为这深秋更添了一份寂然,一份素雅。正文:点击左侧可以跳转到相关页面搜索→计算的核心代码<!DOCTYPE html><html lang="en...原创 2019-11-07 08:45:12 · 163 阅读 · 0 评论 -
夜光带你走进Vue.js(三十二)擅长的领域
夜光序言:每一个人心中都深藏着一个人,你不知道对方是否生活得好与坏,但有时候,你怀念的却只是一个简单的名字,一段甜蜜而苦涩的相遇。正文:<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www....原创 2019-11-07 08:43:50 · 132 阅读 · 0 评论 -
夜光带你走进Vue.js(二十二)擅长的领域
夜光序言:这倒下去的,若都立了碑,这碑也就失去了价值。正文:select 列表下拉列表的双向数据绑定:<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w...原创 2019-10-09 17:53:48 · 113 阅读 · 0 评论 -
夜光带你走进Vue.js(二十一)擅长的领域
夜光序言:儿子吵着要骑他爷爷的马。我正想呵斥顽皮的他。父亲却轻巧地转过身子,一脸悦色,笑容绽开得宛若春池荡起的层层涟漪。似在回答我,又似在记起曾经无限的甜美:“乖乖孙,没事。爷爷喜欢。你爸爸小时候,就喜欢在你爷爷肩上行走。”这话打开了我闸水般的回忆。是的,我的童年,几乎是在父亲宽大有力的肩膀上度过的。这些山,不知道爬了多少回。晚上过的时候,应该比夜空中的星星还要多吧?白天过的时候,应...原创 2019-10-09 17:52:32 · 139 阅读 · 0 评论 -
夜光带你走进Vue.js(十九)擅长的领域
夜光序言:一支瘦笔向一舟萤火划光,一帆色彩向一眸动态绘楼台。起风了,春现出它的应景,夏递过它的锦绣,秋燃起它的沧海桑田,冬邮上它的白莲。正文:事件监听可以使用 v-on 指令:<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999...原创 2019-10-09 17:50:21 · 109 阅读 · 0 评论 -
夜光带你走进Vue.js(十七)擅长的领域
夜光序言:有些人,总在时间的推移下,渐渐露出马脚。你能演一时的戏,却不能演一辈子,谎言与假面,在时间面前都无处遁形。正文:Vue.js 监听属性Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器:<!DOCTY...原创 2019-10-09 17:47:50 · 117 阅读 · 1 评论 -
夜光带你走进Vue.js(二十五)擅长的领域
夜光序言:曾经的明星,都是实打实的美貌,即使过了多年,翻开老片子,依然可以惊艳世人,如今才深刻了解到美貌真是稀缺资源,难以复刻。正文:Propprop 是父组件用来传递数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 "prop":<!DOCTYP...原创 2019-10-09 17:56:46 · 126 阅读 · 0 评论 -
夜光带你走进Vue.js(二十四)擅长的领域
夜光序言:有很多路,真的不想再走,虽然知道会走得更好,但真的不想再看到路上的泥土。如同,分手的恋人,真不想再重新来过,即使知道分手的原因在何处。正文:这条程序街最靓的功能之一Vue.js 组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复...原创 2019-10-09 17:55:38 · 150 阅读 · 0 评论 -
夜光带你走进Vue.js(二十三)擅长的领域
夜光序言:笼中鸟因为困得太久了,不知道翅膀还有用途。正文:<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"><he...原创 2019-10-09 17:54:41 · 108 阅读 · 0 评论 -
夜光带你走进Vue.js(二十六)擅长的领域
夜光序言:我涉旷野丛林而来,你撑船渡我,入灿灿花海。正文:data 必须是一个函数嗯唔~~ button-counter 组件中的 data 不是一个对象,而是一个函数:data: function () { return { count: 0 }}这样的好处就是每个实例可以维护一份被返回对象的独立的拷...原创 2019-10-11 08:00:08 · 127 阅读 · 0 评论 -
夜光带你走进Vue.js(二十七)擅长的领域
夜光序言:尚未佩妥剑,转眼便江湖。愿历尽千帆,归来仍是少年。正文:Vue.js 过渡 & 动画嗯唔~~帅气: Vue.js 的过渡效果与动画效果。过渡Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件。语法格式<trans...原创 2019-10-11 08:01:42 · 230 阅读 · 0 评论 -
夜光带你走进Vue.js(二十八)擅长的领域
夜光序言:不要为了合群制造一些没必要的约定,只会浪费时间。正文:Vue.js 混入混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。来看一个简单的实例:<!DOCT...原创 2019-10-11 08:02:36 · 167 阅读 · 0 评论 -
夜光带你走进Vue.js(三十)擅长的领域
夜光序言:清晨的阳光温暖而和煦,洒在脸上,让人没有心思去考虑烦心的事情,只想沐浴在光芒中放空自己。新的一天又开始了,亲爱的人啊正文:创建一个简单的导航菜单养兵千日用兵一时,学的东西要灵活使用<!DOCTYPE html><html lang="...原创 2019-10-11 08:28:04 · 152 阅读 · 0 评论 -
夜光带你走进Vue.js(三十四)擅长的领域
夜光序言:岁月,在指尖轻轻地滑落,落在空白的素笺上写下了那隐藏在记忆深处的一抹暖,与昔年的你那一份素雅和温婉。正文:点击右上角的布局按钮,可以切换布局<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/19...原创 2019-11-07 08:46:31 · 118 阅读 · 0 评论 -
夜光带你走进Vue.js(三十五)擅长的领域
夜光序言:他,粗布黑衫,撑一支长篙,悠悠然摆着渡船。时而低垂眼睑,凝视碧波荡漾,时而遥望远方,望穿群山叠峦。翘首以盼,烟云蒙蒙,烟波江上的亭阁影影绰绰,一个曼妙的身姿隐约闪现,更是为这幅美卷添了色彩。正文:<!DOCTYPE html><html lang="en...原创 2019-11-07 08:48:28 · 156 阅读 · 0 评论 -
夜光带你走进Vue.js(二十九)擅长的领域
夜光序言:你要相信,你会被世界温柔相待,幸福只是迟到了,它不会永远缺席。正文:Vue.js 响应接口Vue 可以添加数据动态响应接口。嗯唔,我们通过使用 $watch 属性来实现数据的监听,$watch 必须添加在 Vue 实例之外才能实现正确的响应。嘿嘿~~通过点击按钮计数器会加 1。setT...原创 2019-10-11 08:03:27 · 168 阅读 · 0 评论 -
夜光带你走进Vue.js(三十一)擅长的领域
夜光序言:梦想总是跑在我的前面。努力追寻它们,为了那一瞬间的同步,这就是动人的生命奇迹。正文:<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/x...原创 2019-10-11 08:29:52 · 145 阅读 · 0 评论 -
夜光带你走进Vue.js(二十)擅长的领域
夜光序言:起风了,天是实,地为虚,一支画笔撬象。起风了,天为虚,地是实,一支心笔攀登。起风了,思也迈,想也动,天地成海任意游。起风了,情也敲,眸也翻,天地成书随境有。正文:事件修饰符Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagati...原创 2019-10-09 17:51:13 · 116 阅读 · 0 评论 -
夜光带你走进Vue.js(十八)擅长的领域
夜光序言:初次见面会时,他端着酒杯,伴着殷勤话,笑嘻嘻地向我敬酒时的模样,还历历在目。等到他找到更好的圈子时,那副殷勤的面孔,立刻变得冷漠,这转变之快,我真以为在看川剧变脸。至此,我就越发觉得此人不可深交,见人下菜碟的场面见多了,也寒了这颗心,对于两面人还是敬而远之吧。正文:Vue.js 样式绑定Vue.js classclass 与 style 是 ...原创 2019-10-09 17:49:11 · 132 阅读 · 0 评论 -
夜光带你走进Vue.js(十六)擅长的领域
夜光序言:其实,我们每一个人,都是社会的一员,不论在哪里学习和工作,个人的光和热,只有融入集体,融入社会,才能开出光彩夺目的花朵,结出丰硕之果。而每一个单位,每一个行业,每一个地方,只有依靠每个成员的努力,才能创造出光辉的业绩。正文:首先声明了一个计算属性 reversedMessage 。提供的函数将用作属性...原创 2019-10-09 17:45:40 · 151 阅读 · 0 评论 -
夜光带你走进Vue.js(二)擅长的领域
夜光序言:独,是绵绵的雨里,一个人呆呆地看着那雨丝,透过蒙蒙细雨,静静地看着这个陌生的地方,你不知道要在这里停留多久,你不知道你会遇见什么样的人,也不知道未来在哪里…… 然后自言自语地说:“过去的一切就这样过去吧!从今天开始,你要学会做陌生的事,过陌生的生活……”。正文:简要介绍一下~~<template> <...原创 2019-09-26 19:59:08 · 188 阅读 · 0 评论 -
夜光带你走进Vue.js(三)擅长的领域
夜光序言:一个人真正的孤独,是独自走在华灯初上的街,渐渐走进夜幕,看着眼前霓虹灯闪烁,内心突然一阵荒凉。自己像一个幽魂在游荡,看着街道上熙熙攘攘的人群,那些欢笑着的面孔,那些并肩携手的情侣,相互搀扶的老夫妻……所有的温情对于我来讲都只是美好的画面,我只是这人间的看客,一切都是不属于我,只有一些定格在脑海里的美好,在回忆的那一刻,在得失间,无奈地笑了,笑出了冰冷的泪花。...原创 2019-09-26 19:57:28 · 193 阅读 · 0 评论 -
夜光带你走进Vue.js(四)擅长的领域
夜光序言:你注定是我一生的沧桑。正如枯枫散落,难以抚平心伤。笑靥如花,我用一生追逐,而我,却成就了你手上无法自拔的倒刺,一碰就痛,多余又长在你的肉里。正文:实现下面这个功能,点击首页和新闻分别可以跳转到所在页面嗯功能二:点击列表里面一条数据,会跳转到另外一个页面首先package.js如下:{ "name"...原创 2019-09-28 14:50:06 · 146 阅读 · 0 评论 -
夜光带你走进Vue.js(五)擅长的领域
夜光序言:荒原上的光线以肉眼可见的速度,向西移动,浅黄葱绿交织的的草原被分成界限分明的阴阳两块。但很快阴的一面占了上风。太阳把最后一点光线都沉入水中,黑夜接管了大地,清晰变成混沌,希望堕落成空虚.风从世界的尽头刮过来,以吹枯拉朽的气势,宣告它在这荒岛的主权。正文:Vue.js 模板语法~~~Vue.js 使用了基于 HTML 的...原创 2019-09-28 17:42:13 · 141 阅读 · 0 评论 -
夜光带你走进Vue.js(六)擅长的领域
夜光序言:年轻的时候,连多愁善感都要渲染的惊天动地。长大后却学会,越痛,越不动声色。越苦,越保持沉默。成长就是将你的哭声调成静音模式。正文:表达式Vue.js 都提供了完全的 JavaScript 表达式支持。<template> <div id="app"> {{5}}...原创 2019-09-28 18:03:56 · 122 阅读 · 0 评论 -
夜光带你走进Vue.js(七)擅长的领域
夜光序言:她的泪,他看不见,却听得清,本想追回,却岿然成空。他只是在问良人为何不卷归;她只是在终日苦盼,然而只有泪空垂。她不求殿宇宏,不求衣锦荣,只求能相伴他左右,但痴情却换来一身负累。曾经的红尘眷恋,一任秋水望穿。正文:参数参数在指令后以冒号指明。例如, v-bind 指令被用来响应地更新 HTML 属性:提醒:在这里 href 是参数,告知 ...原创 2019-09-28 20:36:45 · 175 阅读 · 0 评论 -
夜光带你走进Vue.js(八)擅长的领域
夜光序言:三年的相守,换来的还是别离,这份爱太辛苦,他和她都知道。曾经的山盟海誓,说好的执子之手与子偕老都被亲人的反对击得粉碎,她累了,他倦了。那一年,菩提树下,落英缤纷蝶影憧憧。两双眼睛深深的对望,久久不愿离开。他说:“我会想你。”她说:“其实我还爱着你。”但他们最终还是走向了相反的方向从此天涯陌路人。正文:Vue.js 条件与循环...原创 2019-09-28 21:52:32 · 121 阅读 · 0 评论 -
夜光带你走进Vue.js(九)擅长的领域
夜光序言:说来也是奇怪,自此,我总能在任何地方见到任何状态的你,除了归结为神的指引,我竟再找不出一个足以说服自己的理由。这个世界上的人如此之多,可偏偏,我们遇到了。正文:split('') 是分裂的意思,也就是把一个数据拆分。var vm = new Vue({ date:{ m...原创 2019-09-29 09:37:47 · 140 阅读 · 1 评论 -
夜光带你走进Vue.js(十)擅长的领域
夜光序言:如果你信我,就请你把憋着的泪水,尽情在我面前滴落。如果你信我,就请在所有的无助时辰,遥望星河,看看那些因你失色的星星,一颗一颗。谢谢你啊,出现在我的生活,让我知道,单枪匹马一个人,也可以面对浩浩荡荡的大军,厮杀为独一无二的常胜将军。让人有勇气,有力量...正文:v-if 与 v-show 的区别?在切换 v-if 块时,...原创 2019-09-29 10:45:07 · 134 阅读 · 0 评论 -
夜光带你走进Vue.js(十一)擅长的领域
夜光序言:我才发现,这样的一个你,我竟等待了许久许久。久到我以为,这样的一个人,是不存在的,是我的梦。但我终于见到你了,鲜明的,生动的一个人在我眼前,绚丽的教人移不开眼。你笑了,我也笑了。正文:可以提供第二个的参数为键名:v-for<template> <div id="app"> ...原创 2019-09-29 10:56:41 · 98 阅读 · 0 评论 -
夜光带你走进Vue.js(十一)擅长的领域
夜光序言:我也曾数十次地感受着秋意带来生活特别的感触,以及带来了生活不同的意义。在过去二十二载的秋季之时,不曾以笔绘秋,以文摹凉。秋季带给除了童年时候与伙伴一起嬉戏的情景,不曾认真的感受秋真正的面貌和内涵。正文:Vue.js 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子:...原创 2019-10-02 13:38:35 · 134 阅读 · 0 评论 -
夜光带你走进Vue.js(十三)擅长的领域
夜光序言:她的泪,他看不见,却听得清,本想追回,却岿然成空。他只是在问良人为何不卷归;她只是在终日苦盼,然而只有泪空垂。她不求殿宇宏,不求衣锦荣,只求能相伴他左右,但痴情却换来一身负累。曾经的红尘眷恋,一任秋水望穿。正文:官网:http://mint-ui.github.io/#!/en第一步:先安装一下 npm...原创 2019-10-06 09:39:23 · 173 阅读 · 1 评论 -
夜光带你走进Vue.js(十二)擅长的领域
夜光序言:若无聚点,怎能相识,好好开始,好好告别。感谢与你擦肩而过的人,珍惜还在身边的那些人。正文:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>&l...原创 2019-10-08 19:35:05 · 97 阅读 · 0 评论 -
夜光带你走进Vue.js(十四)擅长的领域
夜光序言:想必是应了那句,旧时光是个美人儿。很唐突的想起了这么一句话,或许这句话与此并没有太多干连,我却仍旧想提及。杜拉斯曾说,人一开始回忆,就已慢慢变老。正文:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-10-08 20:00:45 · 124 阅读 · 0 评论 -
夜光带你走进Vue.js(十五)擅长的领域
夜光序言:曾经,你牵着我的手,说和我一起走,不管未来如何,我们永远是我们。那个时候,我以为,真的可以,执子之手,与子偕老。那个时候,我以为幸福是会属于我的,那个时候为了你,我折断自己的翅膀,不要梦想,不要飞翔,只奢望可以一直,就一直这样,守侯在你的身旁,延续那个只有我们才知道的故事。正文:循环语句循环使用 v-for 指令。v-for 指令需要以 s...原创 2019-10-08 22:09:17 · 121 阅读 · 0 评论 -
夜光带你走进Vue.js(一)擅长的领域
夜光序言:也像时间没了可后果还在,我们一直都为想要做成一件事,或者得到某种好处而努力着,都希望着过的好,可谁又能说的上好是哪种程度。往往一个想法让人觉得可怕,正好是另一种想法悄悄诞生的时候。两个对立面中间仅有的空隙,或许真的就是我们该去学会的生存。正文:第一步:先下载一下node.js~~并且配置一些环境倘若不是安装C盘,...原创 2019-09-23 09:49:50 · 165 阅读 · 0 评论