Vue常见名词科普-大白话-理解-图片-思维导图

介绍一下学习 Vue 1~3个月的小白遇到的一些名词

学习前端框架大体包括几部分

一：基础部分

1.实现前端视图和后台数据交互的模型

        比如vue用的是MVVM模型实现的前端视图和后台数据之间的数据绑定，react用的是JSX语法

2.搭建项目初期需要的框架

        vue-cli脚手架就是做这个的，项目初期框架给你搭建好，里边包括一些必要的文件和文件夹

        建一个房子需要先搭建地基和钢筋，地基和钢筋型号都是需要指定型号，vue-cli先给你买好了，后期你敲的代码就是在增砖添瓦

3.生命周期（钩子函数）

        程序运行也是阶段性的，每一个不同的阶段都需要掉其他的指令，做不同的事情，程序员比较喜欢叫生命周期函数为钩子函数

        增砖添瓦也是需要阶段的，比如得先买完砖才能砌墙，得先有水才能和水泥。

二.数据传递部分

1.简单的数据传递

        调用几个API即可

2.涉及到很多组件之间的数据传递

        VUEX就是为了解决很多组件之间的数据交互而产生的

三.界面跳转

1.不同网页的跳转

        你会发现URL是变化的，左上角那个刷新的按钮转了一下，URL变化了不少

2.单页面应用的跳转（SPA-single-page-application） 

        同一个网页你点击不同的部分，左上角的刷新按钮没转，URL只是在后边变化了一部分

这里就用到了Vue-router，他是实现单页面应用的利器

四.组件库

        组件库就是预先给你写好的类似于网页中button 的标签元素（网页-右键-检查找找），只不过人家写的更好看，更好用，更符合不同业务场景，也可以自己写

 1.主要应用于PC端的组件库

        vue-饿了么出的 element-ui

        react-蚂蚁的 ant design

 2.主要应用于移动端的组件库

        vue-有赞团队出的 vant

        react-蚂蚁的 ant design mobile

五.图片-vue常见名词科普

图1  vue常见名词科普

看文章阅读量破400了，更新了一下~喜欢的家人们留个言，哪块不清楚我去学，然后更新~~~