vue学习（一）—vue

HelloWorld

---

{{message}}

---

• 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&排序

---

• {{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

  ---

  {{message}}=

  {{dodo}}

  ---

  • v-on

  v-on

  ---

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

  加分

  <button @click=“jianfen”>减分

  
  

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

  ---

  • v-model双向数据绑定

  v-model双向数据绑定

  ---

  元素数据：{{message}}

  文本框

  
  

  v-model ：

  v-model.lazy：

  v-model.number：

  v-model.trim：

  ---

  文本域

  ---

  多选框绑定一个值

  {{isTrue}}

  ---

  多选框绑定数组

  huang

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

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

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

  

  

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

  

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

  如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

  

  最后

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

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

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

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

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

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

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

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

  如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

  

  最后

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

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

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