vue证明题一,vue全家桶的构成
简单说下vue的构成,当然是简单为主,网上这东西满天飞,简单说几句就ok
1.vue是什么
vue读作view,是一种js框架。只关注于视图层,操作内容包括js,html,css
2.vue全家桶是什么
很多招聘前端的JD上会写着要求vue全家桶,如果公司了解自己的倾向,或者已经有了成型的架构师,很可能这样去写的。
如果公司规模小于50人,一般研发团队不会超过30人,写着前端要求会vue,angular,react的,基本上就不用考虑了。
这公司很大概率上没有啥方向,而且也不清楚自己应该使用什么前端框架,也不知道要解决什么问题,这样的坑太深。
说到vue全家桶,在JD中并非抄袭过来的公司中,指的是vue,vue-router,vuex,axios这四款产品。
这里的vue:
可以简单的理解为,vue为vue的核心代码,包括vue框架本身,其他的外延产品都是调用这些核心代码的。类似于core的意思。
这里的vue-router:
可以简单的理解为,页面的跳转路由,因为vue是单入口前端开发模式,路由起到了很关键的作用,即保证了渲染的入口正确性,也保证了配置的集中性。
同时,vue的路由可以指定各种路由加载效果,加载时间,也可以插入一些代码来利用面向aop编程的方式来进行更改。
vue-router使得vue整个形成一个树形结构。
这里的vuex:
vue本身是使用组件来进行分割的,分割了每一个vue-app(用过anaular的人会懂这个app的概念)的作用域。
本身html页面加载的时候,加载了js,这个js是全局作用域的。为了解决这个问题,使用了app的概念来进行分割。
分割后的各个app,使用vue路由,或组件嵌套的方式来使用,此时组件之间的通信就成了问题。
不同组件之间是有不同的通信方式,对于this也都指向自己作用于范围内的根组件,但是全局变量的使用成了问题。
vuex就是解决vue内全局变量的问题的,当然解决全局变量的方式很多,官方是这么说的:

抛开这句话不谈,多数的“架构师”都是只会用自己用过的框架,根本不管是否需求,多数是拿来曾经别人的框架或者网上的框架拿来就用,因此,被迫的,不会还不行。。。
这里的axios:
可以简单的理解为ajax。以前使用ajax的时候,要么用原生js方式取写,基本上很少用了,ajax框架不少。使用jquery的使用jquery的ajax。
vue作为一种主打轻量级的框架,自然使用vue体系来解决事情,因此使用vue的时候,一般不会使用jquery。包太大。
因此axios为vue的ajax一站式解决方案,和路由一样使用统一的配置,优化参数传送关系等。
就说这么点
去导航看看吧
vue证明题一,vue全家桶的构成的更多相关文章
- Vue证明题
看来我需要对我的vue能力做一个证明了~~ 最近辞职了,又逢病重,找工作的时候发现对vue要求蛮高的,说会不行,还必须要有过vue的项目. 我这种半路出家的哪里来的vue的项目,公司又不是那种一线互联 ...
- vue证明题五,组件传值与绑定
上文中写了一个input组件,该组件需要复用,但是并不是每个组件都相同的 比如我定义了一个组件,是个矿泉水瓶子,这个瓶子分为大中小三个号,定义了三种瓶子的容积,定义了必须有瓶盖,瓶口,瓶子质地 但是瓶 ...
- vue证明题四,使用组件
vue的开发方式,基本上是以组件为主的,至于为啥,我也不好去论述,网上看别人的 所谓渐进式开发,也是源自于单页面应用这一说,而注册一个域名以后,指定了首页,爬虫爬取链接都是从首页开始的 如果一个网址, ...
- vue证明题三,vue项目的包结构和配置
用vue-cli创建的项目带有自动配置好的包结构,包结构都是固定的. 关于详细的解释,网上多得是,只说下最重要的内容 1.vue项目包结构和端口号配置 这里笔者下了个HBuilderX来写代码. 2. ...
- vue证明题二,让vue跑起来
使用vue有很多连带产品,大多数入门的并非看不懂官方文档,也并非不会语法,而是卡在这些连带产品上 笔者刚刚入手这台电脑,什么都没装,就以此开始,从头构建一个vue项目吧,哪怕没有任何基础,跟着来应该是 ...
- vue证明题X,vue设置集
1.开发中的控制台tab格式警告隐藏 出现情况如图: 解决方案:找到此代码,注释掉 2.控制台error报告 出现情况如图 解决方案:找到此代码,替换,对浏览器中的警告进行隐藏 遇到就更
- vue全家桶(Vue+Vue-router+Vuex+axios)(Vue+webpack项目实战系列之二)
Vue有多优秀搭配全家桶做项目有多好之类的咱就不谈了,直奔主题. 一.Vue 系列一已经用vue-cli搭建了Vue项目,此处就不赘述了. 二.Vue-router Vue的路由,先献上文档(http ...
- Vue2全家桶之一:vue-cli(vue脚手架)超详细教程
本文转载于:https://www.jianshu.com/p/32beaca25c0d 都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到 ...
- 什么是vue的全家桶
vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resource,再加上构建工具vue-cli,就是一个完整的vue项目的核心构成.
随机推荐
- 对象名 XXX 无效。
对象名 XXX 无效. 首先检查自己数据库连接字符串是否正确!!! 已经有过好几次这样的错误了,还是不长记性,特意记下
- go语言从例子开始之Example36.互斥锁
在前面的例子中,我们看到了如何使用原子操作来管理简单的计数器.对于更加复杂的情况,我们可以使用一个互斥锁来在 Go 协程间安全的访问数据. Example: package main import ( ...
- [ES6]react中使用es6语法
前言 不论是React还是React-native,facebook官方都推荐使用ES6的语法,没在项目中使用过的话,突然转换过来会遇到一些问题,如果还没有时间系统的学习下ES6那么注意一些常见的写法 ...
- Sass-颜色运算
所有算数运算都支持颜色值,并且是分段运算的.也就是说,红.绿和蓝各颜色分段单独进行运算.如: p { color: #010203 + #040506; } 计算公式为 01 + 04 = 05.02 ...
- java定义类
package java04; /* * 定义一个类,用来模拟“学生”,其中包含量两个组合部分 * * 格式: * public class ClassName{ * //成员变量 * //成员方法 ...
- 两个对象值相同(x.equals(y)==true),hashcode也相同
不对,如果两个对象x和y满足x.equals(y) == true,它们的哈希码(hash code)应当相同.Java对于eqauls方法和hashCode方法是这样规定的:(1)如果两个对象相同( ...
- Python中类
1.类的方法与普通的函数只有一个特别的区别——它们必须有一个额外的第一个参数名称, 按照惯例它的名称是 self,self代表类的实例,而非类. self 不是 python 关键字,我们把他换成 r ...
- [BZOJ3669] [NOI2004] 魔法森林 LCT维护最小生成树
题面 一开始看到这道题虽然知道是跟LCT维护最小生成树相关的但是没有可以的去想. 感觉可以先二分一下总的精灵数,但是感觉不太好做. 又感觉可以只二分一种精灵,用最小生成树算另一种精灵,但是和似乎不单调 ...
- Java数据类型转换题目
题目一 public static void main(String[] args) { byte b1 = 1, b2 = 2, b3, b6, b8; final byte b4 = 4, b5 ...
- jmeter.bat无法启动
jmeter.bat启动时提示:'findstr' 不是内部或外部命令,也不是可运行的程序或批处理文件. 学习中遇到的问题: 'findstr' 不是内部或外部命令,也不是可运行的程序或批处理文件. ...