vue学习(一)—vue

HelloWorld


{{message}}


  • v-if&v-else&v-show指令
v-if&v-else&v-show

v-if&v-else&v-show


你好,您已经登录

您好,huangxiaoguo!

请登录

v-if 和v-show的区别:

v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。

v-show:调整css dispaly属性,可以使客户端操作更加流畅。

  1. isLogin 为true ,显示:你好,您已经登录

  2. isLogin: false,haveName: true, 显示:您好,huangxiaoguo!

  3. isLogin: false,haveName: false, 显示:请登录

  4. v-if 和v-show的区别:

v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。

v-show:调整css dispaly属性,可以使客户端操作更加流畅。


  • v-for&排序
v-for&排序

v-for&排序


    • {{item}}


      • {{student.name}}-{{student.age}}

        • {{index}}-{{student.name}}-{{student.age}}

          • value:{{value}}

            key:{{key}}

            index:{{index}}


            注意:v-for也可以循环对象输出内容

            这里写图片描述

            一般最好加上

            :key=‘index’

            提高性能

            • v-text&v-html
            v-text&v-html

            v-text&v-html


            {{message}}=

            {{dodo}}


            • v-on
            v-on

            v-on


            本场比赛得分:{{fenshu}}

            加分

            <button @click=“jianfen”>减分


            <input type=“text” @keyup.enter=“onEnter” v-model=“fenshu2” />


            • v-model双向数据绑定
            v-model双向数据绑定

            v-model双向数据绑定


            元素数据:{{message}}

            文本框


            v-model :

            v-model.lazy:

            v-model.number:

            v-model.trim:


            文本域


            多选框绑定一个值


            多选框绑定数组

            自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

            深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

            因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

            img

            既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

            由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

            如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

            最后

            技术是没有终点的,也是学不完的,最重要的是活着、不秃。零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。

            技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。有需要面试题资料的朋友点击这里可以领取


            理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**

            [外链图片转存中…(img-N63uV0uT-1712538333830)]

            [外链图片转存中…(img-VHmcMmAY-1712538333831)]

            既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

            [外链图片转存中…(img-OUoawLfA-1712538333831)]

            由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

            如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

            最后

            技术是没有终点的,也是学不完的,最重要的是活着、不秃。零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。

            技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。有需要面试题资料的朋友点击这里可以领取

            [外链图片转存中…(img-O0oExq8x-1712538333832)]

          评论
          成就一亿技术人!
          拼手气红包6.0元
          还能输入1000个字符
           
          红包 添加红包
          表情包 插入表情
           条评论被折叠 查看
          添加红包

          请填写红包祝福语或标题

          红包个数最小为10个

          红包金额最低5元

          当前余额3.43前往充值 >
          需支付:10.00
          成就一亿技术人!
          领取后你会自动成为博主和红包主的粉丝 规则
          hope_wisdom
          发出的红包
          实付
          使用余额支付
          点击重新获取
          扫码支付
          钱包余额 0

          抵扣说明:

          1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
          2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

          余额充值