vue证明题一，vue全家桶的构成

@H_404_0@简单说下vue的构成，当然是简单为主，网上这东西满天飞，简单说几句就ok

@H_404_0@

@H_404_0@

@H_404_0@　　vue读作viue，是一种js框架。只关注于视图层，操作内容包括js，html，css

@H_404_0@

@H_404 [email protected]全家桶是什么

@H_404_0@

@H_404_0@　　很多招聘前端的Jd上会写着要求vue全家桶，如果公司了解自己的倾向，或者已经有了成型的架构师，很可能这样去写的。　

@H_404_0@　　如果公司规模小于50人，一般研发团队不会超过30人，写着前端要求会vue，angular，react的，基本上就不用考虑了。

@H_404_0@　　这公司很大概率上没有啥方向，而且也不清楚自己应该使用什么前端框架，也不知道要解决什么问题，这样的肯太深。

@H_404_0@

@H_404_0@　　说到vue全家桶，在并非抄袭过来的公司中，指的是vue，vue-router，vuex，axios这四款产品。

@H_404_0@

@H_404_0@　　这里的vue：

@H_404_0@　　可以简单的理解为，vue为vue的核心代码，包括vue框架本身，其他的外延产品都是调用这些核心代码的。类似于core的意思。

@H_404_0@

@H_404_0@　　这里的vue-router：

@H_404_0@　　可以简单的理解为，页面的跳转路由，因为vue是单入口前端开发模式，路由起到了很关键的作用，即保证了渲染的入口正确性，也保证了配置的集中性。

@H_404_0@　　同时，vue的路由可以指定各种路由加载效果，加载时间，也可以插入一些代码来利用面向aop编程的方式来进行更改。

@H_404_0@　　vue-router使得vue整个形成一个树形结构。

@H_404_0@　　

@H_404_0@　　这里的vuex：

@H_404_0@　　vue本身是使用组件来进行分割的，分割了每一个vue-app（用过anaular的人会懂这个app的概念）的作用域。

@H_404_0@　　本身html页面加载的时候，加载了js，这个js是全局作用域的。为了解决这个问题，使用了app的概念来进行分割。

@H_404_0@　　分割后的各个app，使用vue路由，或组件嵌套的方式来使用，此时组件之间的通信就成了问题。

@H_404_0@　　不同组件之间是有不同的通信方式，对于this也都指向自己作用于范围内的根组件，但是全局变量的使用成了问题。

@H_404_0@

@H_404_0@　　vuex就是解决vue内全局变量的问题的，当然解决全局变量的方式很多，官方是这么说的：

@H_404_0@　　

@H_404_0@　　抛开这句话不谈，多数的“架构师”都是只会用自己用过的框架，根本不管是否需求，多数是拿来曾经别人的框架或者网上的框架拿来就用，因此，被迫的，不会还不行。。。

@H_404_0@

@H_404_0@　　这里的axios：

@H_404_0@　　可以简单的理解为ajax。以前使用ajax的时候，要么用原生js方式取写，基本上很少用了，ajax框架不少。使用jquery的使用jquery的ajax。

@H_404_0@　　vue作为一种主打轻量级的框架，自然使用vue体系来解决事情，因此使用vue的时候，一般不会使用jquery。包太大。

@H_404_0@　　因此axios为vue的ajax一站式解决方案，和路由一样使用统一的配置，优化参数传送关系等。

@H_404_0@

@H_404_0@就说这么点

@H_404_0@去导航看看吧

@H_404_0@