zoukankan      html  css  js  c++  java
  • 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一站式解决方案,和路由一样使用统一的配置,优化参数传送关系等。

    就说这么点

    去导航看看吧

      

  • 相关阅读:
    Jupyter Notebook的安装
    Centos6安装crontab
    通用测试用例整理
    appium定位toast消息的使用
    python_appium_模拟器启动app进行登录
    GnuPG的使用入门
    Processing 绘制边框/轮廓(即镂空形状)的方法
    如何制作有遮罩(蒙版)的GIF动图(且支持有透明区域)
    Processing 窗口全屏、多屏、跨屏
    MacPorts Error:Current platform "darwin 16" does not match expected platform "darwin 15"
  • 原文地址:https://www.cnblogs.com/liuyuhangCastle/p/11068741.html
Copyright © 2011-2022 走看看