1.快来对暗号，DNF老司机才懂的专业“黑话”

“天王盖地虎，宝塔镇黑妖!”影视作品中，黑道土匪之间交流时经常会说别人听不懂的黑话。可是，你知道吗，在DNF游戏世界中也存在各种DNF老司机才懂的趣味“黑话”，不光广大老玩家之间津津乐道，偶尔在萌新面前甩出几个他们听不懂专业的黑话术语倍儿有面子，下面笔者整理出一些趣味的DNF黑话仅供大家参考，如有错误和遗漏欢迎指正和补充，谢谢。

一、基础知识篇

毒奶粉：对DNF缩写的一个恶搞名称!

六字真言：网络连接中断。网络出现波动或者玩家进行了不规则的操作，会出现“网络连接中断” 顾称之为六字真言。

天帝玩家：天帝在游戏中又被戏称为瞎子，天帝玩家指的一些眼神不好的人，明明事实摆在眼前却看不到!

飞机：对dnf外挂的称呼。

飞行员：通过第三方软件修改脚本破坏游戏平衡的玩家。

坠机：是指玩家在游戏里使用第三方软件(外挂)进行游戏时被封停。

猴戏：指在多件装备间来回切换并触发装备属性以增加属性的行为，因不停的进行：更换装备---攻击触发特效---更换装备的行为看起来像耍猴的，故称猴戏。

海豹：指在游戏里面运气很好经常爆好东西并且喜欢在公共频道、工会频道、QQ群晒的那一类人，此类人群每次晒装备通常会被非洲人群起而攻之。

狗托：打团翻金牌，深渊出毕业诗史装备，运气超好的玩家，给人感觉像是拖。

欧洲人(欧皇)：游戏中运气超好的人。

非洲人(非酋)：游戏中运气不好，刷深渊不出货或者打团每次稳拿低保的人。

毕业：角色已经满级并且集齐所想要/需要的装备，即称为毕业，此时玩家不需要继续追求其他系列或该系列的其他装备。

幻神：当前版本最强势的职业。

超一线：当前版本表现强势的职业。

下水道(井盖、地心)：当前版本表现弱势的职业。

摸金：通过刷图碰运气，获得爆率非常低比较值钱的卡片或道具的行为。

搬砖：指用角色通过反复刷副本，获得金币、装备、材料，因通过重复、机械的劳动来进行，所以称之为搬砖。

爆肝：指为了某个目标或者某件装备进行长时间地玩游戏。

肝帝：指那些爆肝非常成功的玩家，比如达成全部满级角色或冒险团满级等一般玩家做不到的事情。

打桩：修炼场打怪物或者其他建筑物测试伤害。

蓝天白云：DNF早期深渊地图中，出现白色蓝色装备而不出现史诗装备，叫做蓝天白云。

4=1(2=1)：指装备套装缺少1个部位。

4-3-1：95版本做哈林ss的玩家组队用的喊话：意思是4次强袭+3次黎明+一次随机深渊。

双闪(双黄)：1次深渊中爆出2件史诗装备。

光头：指满疲劳刷完深渊一个史诗装备都没有出。

换耻辱：指能翻牌或者掉落的装备，但人品不好只能用材料全额换取。

红字：实际上为异次元增幅属性，因为在装备上显示为红色字体，所以称为红字。

二、副本、Raid、怪物篇

鸟背：泰伯尔斯-崩坏乐园 ，因为这个副本是站在一只大鸟的背上进行的，所以这个副本被称为鸟背。

乌龟(王八)：团本安徒恩，因BOSS外形酷似乌龟而得名。

上山：是指玩家进入安图恩黑色火山地图。

老爷子：卢克团本BOSS，因之前卢克一直以老爷爷的形象示人，故而得名。

门票：指进入特定地下城所需要消耗的入场材料。

献祭：指在打副本时，部分队员没有达到阶段奖励条件情况下通过该阶段。

炸团：指大型多人团队副本(安图恩、卢克、超时空)攻坚失败。

引炸：在超时空旋涡中在自知没办法通关且不想浪费时间等待，队友把怪物引到基地炸团。

主C：团队中主力DPS。

纯C：除了伤害输出，不能对团队提供增益BUFF的职业。

25仔c:辅助职业，可以稳定提供百分之25增伤/爆伤等职业的代称，如帕拉丁、气功师 、风法师等等。

蛇皮c：装备差输出墨迹，没有多少伤害，俗称蛇皮c。

毒奶 ： 装备差、手法烂，混团划水，虽然能加BUFF但对团队提升不大的奶爸、奶妈。

划水：是指输出低，装备不好，能帮主C控制减防什么的，这类人叫划水。

酱油：团本里打酱油的，也叫混子。

py：和团长或大佬达成了某种交易获得了进团划水位的资格。

互拖：互相带对方装备不够打某个副本的小号。

金牌：团队副本中奖励结算时得到最高材料的奖励或出现基本材料以外的特殊材料或装备。

挖矿：泛指安徒恩团队模式中翻牌奖励获得浓缩的魔能石。

黑商：指通关后出现的加百利，因为他卖的东西通常都很贵很贵，但也有便宜的无色，甚至之前版本能以低价买到比较值钱的装备。

地板娘：深渊之梅迪尔，当初打安图恩，必须有两个人踩地板，破防后才可以打，加上是女性角色怪物，所以被叫地板娘。

马蹄卡：指安图恩攻坚战中的黑色火山BOSS，全名叫全能之玛特伽。

大眼仔：安图恩副本中的一只怪物——吞噬之厄伽勒，因其腹部有一只巨大的眼睛而得名。另外，很多人把厄伽勒变身药水也称之为大眼仔。

你瞅啥：指安徒恩能量副本的BOSS吞噬之厄伽勒，它有一个技能叫做重生之眼。如果在它开眼的期间，玩家与它对视，那么它会回复大量的血量。正因为如此，玩家们都把它称之为你瞅啥。

骗抱：能源阻截战Boss厄伽勒会抓取离自身最近的一位玩家，对其造成接近至死的伤害，如果在其抓取到自己之前就离开其技能范围，则Boss厄伽勒头上会出现三个问号(没有的称为假抱)，此时厄伽勒的高防御状态会解除，队伍可以紧随其后使用强控技能输出来强杀。

钢管男：深渊中出现的一个怪物，因为武器像钢管，所以叫钢管男。

一刀哥：以前版本暗影迷宫BOSS刹影，因经常一刀将玩家秒杀，故称一刀哥。

兰总：指远古传说副本地图，卡勒特指挥部的最后BOSS兰蒂卢斯，因为兰蒂卢斯从设定上既是卡勒特军队的司令，从外观上亦是很霸气颇有大佬风范，所以被玩家们称之为兰总。

真野猪：副本痛苦之村列瑟芬里的BOSS，因外形酷似野猪而得名。实际为使徒瘟疫狄瑞吉真身。

假野猪：副本诺伊佩拉里的BOSS，因外形酷似野猪而得名，实际为使徒瘟疫狄瑞吉的分身。

三、道具、装备、材料篇

脚丫子(臭脚)：指少女的足袭。

夹竹桃(假猪套):假猪套全名为格拉西亚家族遗物的象征，因某版本穿假猪套伤害打出了让大家眼前一亮的伤害，故被吹嘘成夹竹桃天下第一。

蓝矿：浓缩的魔能石，因其像一块蓝色的矿石

娘娘拳(女王拳)： 90级SS拳套，全名为贝兹女王的荣耀之拳。因为是女王的拳套，因此得名爱称女王拳，女王在我们古代就是皇后，古人都称为娘娘，因此又叫娘娘拳。

皇姑：特指荒古遗尘系列的武器。

A套/B套:指能升级的史诗套装，升级前叫A套，升级后叫B套。

光环套(WIFI套)：有光环效果，像WIFI一样，能一定范围内给玩家和队友提供增益BUFF属性。

流星落：50级粉太刀流光星陨刀。

黑光：光剑-双龙魔影剑，因其光剑外形通体黑色，被玩家泛称“黑光”。

超大凉：指的是90B轻甲-超大陆的坍塌套装，由于属性改版之前属性相比其他甲属性略显孱弱，因此被玩家成为超大凉。

凉皮：指90b皮甲深渊恶魔套，因为皮甲在更新卢克初期，表现并不是很亮眼，加上部分皮甲精通(例如战法，改版前的剑豪，冰结师)的职业在团本中表现并不出色，因此被叫做凉皮。

西装：是指90A皮甲套装， 时光的轨迹套，形似西装而得名。

女装：是指 90A布甲套装，上元节祭典套，形似女装而得名。

出轨3件套：95哈林地区深渊产出史诗，{霸道的占有}项链，{肆意的谎言}手镯，{无言的猜忌}戒指。套装{贤者之欲}DNF旭旭宝宝说过出轨套，因人气粉丝很高，DNF玩家都认同他说的。

猪戒：55级史诗戒指，嗜灵之戒，因对恶魔怪有特效，在打真野猪等恶魔怪有优势，也称杀猪戒。

杀猪刀：指史诗武器(太刀)屠戮之刃。因为外形酷似杀猪刀因此而得名为杀猪刀。

劝退珠：深渊派对晶石，很多玩家感觉因深渊爆出深渊派对晶石后不会继续爆SS了，故而得名。

孤儿套：95A装备套装叫精灵的荣耀，套装属性只有在没有队伍的情况下才加速度和霸体!

姨妈链：85SS项链刀锋女王的铁血项链，因带上身上会持续掉血而得名。

气气之息：90SS项链氤氲之息，因“氤氲”2字难打，故戏称气气之息。

女明星：90SS手镯启明星的指引，谐音念成：女明星的勾引。

恍惚套：90首饰套装恍惚之境。

8E卡：特指非常值钱的卡片，也有人调侃自己团本中翻出的不值钱的卡片。

白板：装备没有打造(附魔，增幅或强化，镶嵌)的时候就叫白板。

光头药剂：指史诗buff药剂，因为经常使用药剂但仍然是光头所以被称为光头药剂。

天空套：稀有装扮套装，因为国服一期稀有装扮叫冥域天空，所以简称天空套。

透明天空：稀有克隆装扮。拥有天空的属性，但是外观由你搭配。

圣药：圣药就是圣耀救赎武器。

巨龙票：指的是在素喃地区月轮山做每日任务获得的免费的一张深渊票，因为这里是“巨龙·纳特拉”的领地，所以俗称巨龙票。

洋葱：卢克材料魔岩石，因为图标像切开的洋葱而得名。

骨灰盒：魔盒的戏称，因外形相似而得名。

75奶：七宗罪五件套。

豆芽：诞生之芽，材料，戏称。

番薯:道具深渊派对通行证,因为图标长得像烤熟的番薯，所以戏称为番薯。

狗眼：因为曾经的史诗灵魂外形像极了狗眼。

年套：每年的春节礼包。

手搓光： 85SS光剑，由于其附加属性值与空技能栏数量成正比，需要玩家手动搓技能以达到最大伤害，故称手搓光。

红豆：安图恩的灵魂碎片 ，看起来就是一个红色的豆子。

蛋糕：一种可以增加伤害的消耗品，全名迪米雷亚蛋糕，并且图标像蛋糕～

垫子(垫刀)：一般指的是高强化的低价装备，如武士刀。例如想强化到 15的武器，买数把垫子，在强化之前，将垫子全部强爆掉，达到更高的强化效果的玄学物品操作。

罐子头：早期开罐子得到的头部装扮。

四、职业、技能篇

天界人：指游戏里面的神枪手职业，因为背景故事是从天界来到阿拉德大陆的，所以被称为天界人。

魔界人：指游戏里面的魔法师职业。

枪剑士：强奸士，谐音，超内涵。

男魔法师：正太，对应女法师的萝莉。

三皇五帝：某版本因输出低的原因被加冕，三皇包括剑皇，魔皇，极武皇，五帝包括暗帝，念帝，天帝，剑帝，狂虎帝。

守护者4职业：帕拉甲，帕拉乙，帕拉丙，帕拉丁。

女圣职者4职业：奶妈，FFF团团长，污女，四姨。

狂战士

石油大亨：指狂战士经过改版后技能色彩多为黑白双色，形似石油。

红眼(红王爷)：鬼剑士转职成为狂战士后，双眼会发红，所以称为红眼。

红狗：狂战士在二觉释放的时候，外形酷似一条狗，被广大玩家戏称红狗。其实在很久以前就已经被叫红狗了。

剑魂

吊机(吊爆兵、斩铁兵)：因为二次觉醒技能强制抓取加上看起来类似于起吊机，而且一次觉醒被动技能可以给队友提供暴击伤害加成。

白手：鬼剑士转职成为剑魂后，有一只手会发白，所以称为白手。

猴戏白：靠猴戏提高伤害的剑魂玩家。

阿修罗

瞎子：阿修罗转职后，职业角色蒙着眼睛，所以形象的称为“瞎子”。

不锈钢盆：天帝在被削弱时期，值几个不锈钢脸盆的价值。

黑暗武士

体操王子：黑暗武士的各种连招就像体操一样，所以被称为体操王子。

杂交武士：因会各种男鬼剑的招式而得名。

黑狗：参照红狗。

驭剑士

BUG宗：因为剑宗职业存在大量BUG，最典型的为100%命中情况下二觉还会MISS!荣耀之剑! MISS!

人妻宗：剑宗一觉立绘短发连体衣裹臀裙外加白丝，二觉立绘白丝变黑丝，白发吊带裙以及披风外加上围凶残，让人想入非非。

流浪武士

貌美如花：因为剑帝的立绘漂亮美如花，加上剑帝大部分技能特效华丽，有花瓣飘落。

契魔者

女王大人：因技能形态而得名，拿鞭子抽啊抽!

漫游枪手(男)

鳗鱼：指漫游抢手，伤害跟咸鱼一样，所以被称作鳗鱼。

枪炮师(男)

王大枪：早期游戏里的枪炮师被称为大枪，二觉开放后因立绘外观与哲♂学中的VAN相似于是被网友们戏称为VAN大枪，后来为了方便打字和命名就变成了王大枪。(别问我是什么意思，纯洁的我表示一点都看不懂。)

激光兵：某版本靠蓄力激光打输出的大枪玩家。

机械师(男)

大机霸：来自恶搞男机械2觉名。

公鸡：对应女机械的外号“母鸡”。

城管队长：因为二觉技能召唤出来的机器人被恶搞叫成城管大队，所以城管队长因此得名。

枪炮师(女)

王小妹：和男大枪的王大枪对应。

机械师(女)

母鸡：谐音。

弹药专家(女)

牡丹：谐音。

轰炸姬:由于芙蕾雅技能在空中脱手释放有额外加成，所以一般女弹药都是满天飞放技能俗称轰炸姬。

丢雷老母：原谅我笑出声，这个外号太生动形象了。

元素爆破师

豌豆射手：因技能形态得名。

逐风者

格蓝迪九五至尊：搬砖最NB的职业。

次元行者

肾虚公子：得名于其一觉名虚空行者，另外次元行者的宣传动画也像虚弱的跟肾虚似的。

元素师

援素:团本出现后，元素玩家因为没伤害没控制没辅助却能打团，被认为有py交易，所以称之为援交素。

灯光师：因为元素师的技能光效比较震撼，所以被称为灯光师。

战斗法师

逗萝：对战斗法师职业的戏称,还有伊斯塔废灵。

斗萝：不完全依赖魔法战斗，擅长体术和炫纹，因为转职是战斗法师的小loli，所有被大部分人称之为“斗萝”。

召唤师

月虫：指女魔法师中召唤师二觉后的名字“月蚀”，很多人喜欢把偏旁去掉说成“月虫”。

月事：恶搞“月蚀”的谐音。

魔道学者

古灵井盖：魔道学者的俗称，因为该职业伤害比较低，所以在其二次觉醒的名字增加了修改，吐槽官方不加强职业。

锅炉工：某版本炉子在团本输出很高时魔道的别名。

萌道：因为技能释放的时候特别像卖萌，被爱好魔道的玩家称之为“萌道”，改版后可以无限飞，穿上雪人套放技能更是卖萌。

帝素弑天：指女魔法师中元素师二觉投票的时候只有三个选项，网友额外添加上去的。

傀儡师

奶萝：指女魔法师第五个转职傀儡师，目前国服还未上线，辅助奶，还是loli，被大部分人称之为“奶萝”。

缔造者

鼠标妹：因为释放技能全部需要鼠标来操作而得名。

精灵骑士

炫舞骑士：大地女神这个职业，因为技能形态的原因，操作起来像某跳舞的游戏而由来。

乳摇女神: 也是大地女神外号，因为其波涛汹涌的身材而由来!

帕拉丁

啪啪丁：因其全名帕拉丁与啪啪丁相似，后为打起来方便就被叫做啪啪丁。也因拍地冲击波而得名。

龙骑士

尹志平：这个很内涵，自行体会。

圣骑士(男)

金身： 男圣骑士觉醒后，背上会出现一个金色的十字架,被称为金身。

奶爸：游戏中神思者职业，由于可以给队友加血、复活，施加增益BUFF因此被大家称作“奶爸”。

蓝拳圣使

插地奶：特指蓝拳，因为可以把十字架插地上，以前的版本可以加武器祝福。另外，蓝猫和正义种菜者这2个外号也很贴切。

驱魔师：

Z斗士：特指驱魔将技能空斩打和基础精通等级叠高,配合魔战肩等装备做到一个空斩打打出9999999伤害!

复仇者：

四叔：指复仇者这个职业，由于是男圣职者中第四个出的转职，故被称作“四叔”。 也有称召唤师的一觉第四使徒卡西利亚斯为四叔。

圣骑士(女)

奶妈：游戏中炽天使职业，由于可以给队友加血、复活，施加增益BUFF因此被大家称作“奶妈”。

诱魔者

四姨：四叔指的是圣职者中的复仇者因为是最晚出现的职业排行老四而且圣职者被称为大叔，就被称做四叔，而四姨则是女圣职者中诱魔者，因为他们都会变身，所以被配在了一起。

气功师(男)

喵帝：狂虎帝的戏称，老虎不发威你当我是病喵啊?另外也因会喵喵拳而得名。

散打(男)

乌鸡：觉醒后称为武极，谐音乌鸡，并且释放一觉全身黑红，所以又被戏称为乌鸡。

街霸(男)

投掷哥布林：原本是游戏中的一种怪物，后来因为男街霸的技能是扔东西，并且这个职业又不太强势，所以男街霸又被戏称投掷哥布林。

男握草：韩服男街霸扔砖头时的语音很像中文发音握草。

柔道家(男)

基柔：对敌人各种抱，被赋予基柔的称呼。

气功师(女)

花花：其实是念帝1觉百花缭乱的别称， 沿用至现在版本。

光兵：念帝的外号!因为他有个技能叫光之兵刃的技能，能给队友加25%的技能伤害，经常一身混子套，混迹于各大副本，相当吃香!

柔道家(女)

抱抱：女柔道者因为大多技能都是需要“抱住”敌人，所以被广大DNF玩家称为抱抱。

影武者

鹦鹉：谐音。

征战者：

关羽：主要来自于官方宣传。另外深渊出品本职业武器青龙偃月刀。

决战者:

赵云：同上。

源能专家

砖家：源能专家的简称，因搬砖快流畅而得名

扎热：阿修罗最开始的邪光波动阵翻译。

鱼头：鬼泣的一绝技能，因为形似大鱼咬上来所以叫鱼头。

大师球：暗帝暗影禁锢就是丢一个小球出去然后把怪抓住，类似比卡丘被戏称大师球。

墨迹斩：剑宗的四十五级技能恶即斩，因为输出过程较剑宗其他技能较慢，所以谐音叫做墨迹斩。

猫拳：女气功的年兽龙虎啸上完状态之后，普通攻击是一只老虎，但是玩家习惯把它叫成猫拳。

遛狗：驱魔职业技能-式神：玄武，这个技能是单独召唤出一个黑狗，可以减防和控制，就像遛狗一样。

断子绝孙脚：女散打一次觉醒技能：武神强踢，因为踢下段伤害奇高，一脚下去断子绝孙。

洗衣机：DNF蓝拳技能，极速飓风拳。

高达：指机械师的技能--空战机械。

唱歌：女圣骑勇气圣歌技能。

日不落：来源于蔡依林的歌，指奶爸的一绝(主要也比较像)。

阿波克烈：奶爸放一觉的发音，apcoalypse=阿波克烈，超喜欢这个。

太阳：奶爸一觉，因为奶爸一绝像个太阳照耀。

因笔者水平有限，不足之处欢迎补充和指正，谢谢!

文章来源游久网百万征稿活动，作者：刘家男，未经同意，严禁转载!

2.第10天 | 14天搞定Vue3.0，Vue3.0小项目实战

用所学过的Vue3.0双大括号文本插值、条件、循环渲染指令、表单数据双向绑定、计算属性和事件响应等相关知识，来开发一个小项目，以此达到技术总结的意义。

一个企业想要持续发展，离不开好的产品。产品从研发、生产到销售，要有一套完整的产品管理系统，才能及时响应客户的需求，提高市场销售额。光靠HTML+CSS+Vue3.0，开发一套完整的产品管理系统，是远远不够的，但开发一个小项目，绰绰有余。

10.2 产品列表

页面布局，用纯天然的HTML+CSS就好了。用插值和计算属性，输出产品总数量；用v-for循环渲染，输出产品信息；用v-if判断产品规格是否为空；用v-on(缩写@)进行事件绑定。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Vue3.0小项目实战</title>
    <script src="vue.global.js"></script>
    <style>
        h1 {
            text-align: center;
            color: darkorange;
            margin-top: 30px;
        }

        .counter {
            text-align: center;
            margin-bottom: 5px;
        }


        table {
            width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        td, th {
            border: 1px solid #bcbcbc;
            padding: 5px 10px;
        }

        th {
            background: #42b983;
            font-size: 1.2rem;
            font-weight: 400;
            color: #fff;
            cursor: pointer;
        }

        tr:nth-of-type(odd) {
            background: #fff;
        }

        tr:nth-of-type(even) {
            background: #eee;
        }

        .del {
            color: red;
        }

        input {
            border: 1px solid darkcyan;
            line-height: 25px;
            width: 200px;
            color: #000;
            font-weight: bold;
            margin-top: 5px;
            margin-left: 10px;
        }
    </style>
</head>
<body>
<p id="app">
    <h1>产品信息列表</h1>
    <p class="counter">共有<strong>{{ counter }}</strong>件产品</p>
    <table>
        <thead>
        <tr>
            <th>序号</th>
            <th>名称</th>
            <th>型号</th>
            <th>规格</th>
            <th>操作</th>
        </tr>
        </thead>
        <template v-for="(product,index) in products" :key="index">
            <tr>
                <td>
                    {{ index + 1 }}
                </td>
                <td>
                    {{ product.name }}
                </td>
                <td>
                    {{ product.type }}
                </td>
                <td>
                <span v-if="product.desc==''">
                 未填写规格
                </span>
                    <span v-else>
                   {{ product.desc }}
                </span>
                </td>
                <td>
                    <button class="del" @click='del(index)'>删除</button>
                </td>
            </tr>
        </template>
    </table>
</p>
<script>
    Vue.createApp({
        data() {
            return {
                product: {
                    name: '',
                    type: '',
                    desc: '',
                },
                products: [
                    {name: '安卓手机', type: 'AZ321', desc: '6.8寸'},
                    {name: '苹果手机', type: 'PG222', desc: '4.8寸'},
                    {name: '安卓平板', type: 'PB666', desc: '9.8寸'},
                    {name: '二手电视', type: 'ER659', desc: '12寸'},
                    {name: '洗衣机', type: 'XY872', desc: '9.8斤'}
                ]
            }
        },
        computed: {
            counter() {
                return this.products.length
            }
        },

        methods: {
            //删除数据
            del(index) {
                this.products.splice(index, 1)
            }
        }
    }).mount("#app")
</script>
</body>
</html>

输出结果

10.3 新增产品

在新增表单布局代码，实现新增产品功能的布局。用v-model指令，进行表单数据双向绑定；用v-on(缩写@)进行事件绑定。在method里面添加add函数，进行表单是否为空校验，不通过就进行提示，通过就将信息添加到产品信息列表中。为了你的方便，我给出完整代码好了。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Vue3.0小项目实战</title>
    <script src="vue.global.js"></script>
    <style>
        h1 {
            text-align: center;
            color: darkorange;
            margin-top: 30px;
        }

        .counter {
            text-align: center;
            margin-bottom: 5px;
        }


        table {
            width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        td, th {
            border: 1px solid #bcbcbc;
            padding: 5px 10px;
        }

        th {
            background: #42b983;
            font-size: 1.2rem;
            font-weight: 400;
            color: #fff;
            cursor: pointer;
        }

        tr:nth-of-type(odd) {
            background: #fff;
        }

        tr:nth-of-type(even) {
            background: #eee;
        }

        .del {
            color: red;
        }

        input {
            border: 1px solid darkcyan;
            line-height: 25px;
            width: 200px;
            color: #000;
            font-weight: bold;
            margin-top: 5px;
            margin-left: 10px;
        }

        .add {
            width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .addBtn {
            background-color: #4CAF50; /* Green */
            border: none;
            color: white;
            padding: 8px 32px;
            font-size: 16px;
            margin-right: 10px;
        }
    </style>
</head>
<body>
<p id="app">
    <h1>产品信息列表</h1>
    <p class="counter">共有<strong>{{ counter }}</strong>件产品</p>
    <table>
        <thead>
        <tr>
            <th>序号</th>
            <th>名称</th>
            <th>型号</th>
            <th>规格</th>
            <th>操作</th>
        </tr>
        </thead>
        <template v-for="(product,index) in products" :key="index">
            <tr>
                <td>
                    {{ index + 1 }}
                </td>
                <td>
                    {{ product.name }}
                </td>
                <td>
                    {{ product.type }}
                </td>
                <td>
                <span v-if="product.desc==''">
                 未填写规格
                </span>
                    <span v-else>
                   {{ product.desc }}
                </span>
                </td>
                <td>
                    <button class="del" @click='del(index)'>删除</button>
                </td>
            </tr>
        </template>
    </table>
    <p class="add">
        <h1>新增产品信息</h1>
        <p style="margin-left: 10px">
            名称:<input name="name" type="text" v-model="product.name"
                      placeholder="请输入产品名称"/><br/>
            型号:<input name="type" type="text" v-model="product.type"
                      placeholder="请输入产品型号"/><br/>
            规格:<input name="desc" type="text" v-model="product.desc"
                      placeholder="请输入产品规格"/>
        </p>
        <br/>
        <button class="addBtn" type="submit" @click="add()">提交</button>
    </p>
</p>
<script>
    Vue.createApp({
        data() {
            return {
                product: {
                    name: '',
                    type: '',
                    desc: '',
                },
                products: [
                    {name: '安卓手机', type: 'AZ321', desc: '6.8寸'},
                    {name: '苹果手机', type: 'PG222', desc: '4.8寸'},
                    {name: '安卓平板', type: 'PB666', desc: '9.8寸'},
                    {name: '二手电视', type: 'ER659', desc: '12寸'},
                    {name: '洗衣机', type: 'XY872', desc: '9.8斤'}
                ]
            }
        },
        computed: {
            counter() {
                return this.products.length
            }
        },

        methods: {
            //删除数据
            del(index) {
                this.products.splice(index, 1)
            },

            add() {
                if (this.product.name.trim() == '') {
                    alert('产品名称不可为空，请输入.')
                } else if (this.product.type.trim() == '') {
                    alert('产品型号不可为空，请输入.')
                } else {
                    this.products.push(this.product)
                    this.product = {}
                }
            }
        }
    }).mount("#app")
</script>
</body>
</html>

输出结果

好了，有关Vue3.0小项目实战的内容，老陈讲完了，如果觉得对你有所帮助，希望老铁能转发点赞，让更多的人看到这篇文章。你的转发和点赞，就是对老陈继续创作和分享最大的鼓励。

一个当了10年技术总监的老家伙，分享多年的编程经验。想学编程的朋友，可关注今日头条：老陈说编程。我在分享Python，前端、Java和App方面的干货。关注我，没错的。

#前端##Vue.js##JavaScript##程序员##Web#

3.FFF团的注意了！以下情侣免烧！

如果要问死宅们在情人节有什么活动的话，相信得到最多的答复不是出去现充，而是提上汽油桶拿上打火机，上街见一对烧一对www就算是看片，也要习惯性的刷一波FFF。但是请注意了，遇见一下情侣的时候请收起打火机和汽油桶，他们是免烧保护对象~

冈崎朋也X古河渚《CLANNAD》

二次元的一对苦命鸳鸯，好多容易有了自己爱情的结晶，然而古河渚却撒手人寰。C娘就像问对于这样的一对情侣，你们舍得烧吗？哭都来不及……

毛利兰X柯南（工藤新一）《名侦探柯南》

可以说我们追《柯南》追了多久，小兰就等了洗衣机多久。期间见面的次数少得可怜，而且有的时候还是怪盗基德代打的。上月青山刚昌又放出话来说“《柯南》将会很轻松的就突破一百卷”，不知道小兰的等待何时才是一个尽头。

立花泷X宫水三叶《你的名字。》

在睡梦中，两人互换身体。为了拯救因彗星坠落即将毁灭的小镇，以及心爱的人，跨越了三年的时空，最终迎来了大团圆结局。同时也是诚哥作品中唯一一对圆满了的情侣，你们下得了手烧吗？

克拉福·罗伦斯X赫萝《狼与香辛料》

在经历了长达16卷的冒险之旅之后，萌狼和罗伦斯一起留在了纽希拉，并在温泉旅馆开业前表明自己怀了罗伦斯的孩子（狼与羊皮纸的缪莉）。所以是谁说的跨物种之间不能生的？这简直就是生物史上的里程碑！你们还敢烧？上一个干这么说的，如今坟头草已经两米高了！

鲁鲁修XC.C.《叛逆的鲁鲁修》

对于这对C娘不想说太多，要是谁敢烧就先从C娘的尸体上跨过去吧！

由于时间和篇幅的关系，免烧情侣就先介绍到这了~如果小伙伴们有什么要补充的，欢迎留言一起讨论~

4.“双十一”临近！这类“废品”竟意外暴涨！

来源：苏州新闻

万万没想到

你可能随意丢掉的纸箱

现在也许能卖上几百块

突然爆火

身价大涨

↓↓↓

近期，多个电商平台开启“双11”活动，随着家电消费热度攀升，快递包裹量也大大增加，电视纸箱在二手平台可卖数百元引起热议。

在二手交易平台，不管冰箱、彩电还是洗衣机，这些家电包装箱挂出的价格都不低。大部分电视机原包装箱售价从20元到150元不等，有的甚至卖到500元。

“没想到装修回本第一笔钱居然是卖纸箱。”据潮新闻报道，李女士装修时买了一台86寸电视，第三天就以100元的价格把纸箱卖了出去。

“旧电视回收只卖了200元，倒是新电视的纸箱子反而卖了80元。”章女士同样有感触，今年6月她在网上“以旧换新”了一台电视，出乎意料的是新电视的包装箱比旧电视更“值钱”。

为什么卖这么贵？

杭州一位纸箱卖家表示，买纸箱的很多人都是为了售后，还有些人买回去是因为搬家，也有人是为了出售二手闲置家电，需要一个包装。

据报道，杭州的刘先生表示，今年“双11”期间买了一台85寸的品牌电视，想退货时被客服告知需要有原包装才能退，可他原来的纸箱已经送给小区保洁阿姨，只能选择去二手平台重新买。最终纸箱（50元）加上运费（叫货拉拉40元），一个电视机二手包装箱让他花掉了90元。

那么买新的呢？

以70寸的发物流全套液晶电视包装盒为例，网上售价在120元左右，某商户的85寸的发物流全套专用包装盒售价为213元。这么一对比，二手的性价比显然更高。

二手售价远高于废品回收价格

目前，废品站回收纸箱的价格通常在0.3元/斤~0.7元/斤，一个电视机纸箱也只能卖10元左右，但在二手交易平台上，价格可以翻几倍。

不少网友评论：这会儿感觉错过一个亿！

但也有网友提醒：最好不要这么卖，不知道什么时候回旋镖就打到自己身上了。

没有包装纸箱不能退换货合理吗？

据了解，不少消费者在退货电器时，被品牌要求须有原包装箱。

有媒体针对该现象发文评论：

从法律角度来看，有原包装才能退换货，这是商家在限制消费者的退换货权利。

首先，国家“三包”规定并没有这一条款。

其次，根据消费者权益保护法及《网络购买商品七日无理由退货暂行办法》的规定，退货商品是否“完好”，指的是商品本身、配件、商标的标识完好，包装盒并不在确定商品是否完好的范围。

最后，消费者权益保护法也规定：经营者不得以格式条款、通知、声明、店堂告示等方式，作出排除或者限制消费者权利、减轻或者免除经营者责任、加重消费者责任等对消费者不公平、不合理的规定。

因此，需要原包装才能退换货，是减轻或者免除经营者责任、加重消费者责任的做法。

由此看来，退换家电需有原包装的规矩该变变了。不仅因为这一要求不符合法律规定，还因为向消费者索要包装费，不利于家电品牌进行宣传推广，无形之中还会降低商家的信誉度、美誉度。更何况，在“三包”期间出现问题，商家不能以没有包装为由，拒绝承担法定的“三包”义务。包装费用、运输费用应该由商家和厂家承担，不能转嫁给消费者。

来源｜北京青年报、新闻夜航、潮新闻等