Vue-03-vue基本语法知识的总结，前端开发前景

1.基础语法

---

前提都是vue实例对象绑定view层视图

1.1.View层从实例中取值

1.v-bind 适用于标签当中属性值无法直插需要其绑定托管给vue

2.{{}} 适用于直插，一般用标签当中

3.： 跟v-bind：一样只不过是其的简写罢了

1.2.判断语句：v-if

条件语句就比较简单了，就是简单了，看下例子：

1.3.循环语句：v-for

循环语句跟我们之前java学的语法差不多

而且它可以以直接遍历出每个元素以及元素的下下标

1.4.事件绑定：v-on

事件的绑定以及事件的自定义都是在此定义的

1.5.双向绑定：v-model

对于事件的双向绑定，你觉得很难？看个例子其实就是监听你的输入，实时更新到Vue实例中data当中，然后取出即可，以实现实时更新

以上就是取值、条件语句、循环语句、事件绑定（方法的获取）、双向绑定的基本用法！

学了基本语法让我们来更进一步吧，去学习组件！

2.组件Component

---

view层，组件，实例三者的关系我们要清楚

然后就是关于组件其实就是相当于是在Vue对象中去存储数据,自定义组件通过遍历拿到Vue对象的数据,

但是自定义组件的数据是由模板决定的,所以我们还需要将拿到值的自定义组件绑定模板,

模板去接收真实数据.

到此我们应该对自定义的组件有一定的认识了！

然而在实际开发当中我们data中的数据，肯定不会是本地的呀，接下来我们要去获取远程数据！

3.异步通信Axios

---

至此，我们要学习如何获取远程的数据！方式就是axios一个异步通信的框架，类似于我们的之前学习的ajax，发送异步请求数据回来,保存在自己的return data当中,然后view去解析出来即可！

在使用之前我么应该先引入axios和vue，可以通过cdn或者npm看具体情况！

说白就是就是通过异步的方式拿到data.json的数据返回给当前Vue对象，然后标签去拿到这些数据展示给用户！

4.插槽Slot

---

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

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

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

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

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

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

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取

发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取

[外链图片转存中…(img-EvGvfg8J-1712217673462)]