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%以上前端开发知识点，真正体系化！

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

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

最后

分享一套阿里大牛整理的前端资料给大家，点击前端校招面试题精编解析大全即可获取

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

/13/H4lCoPEF.jpg" />

最后

分享一套阿里大牛整理的前端资料给大家，点击前端校招面试题精编解析大全即可获取

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。