一文读懂什么是vue

FighterLiu FighterLiu     2023-01-23     770

关键词:

目录

VUE是什么

 Vue中的核心插件

 Vue Router

Vuex

axios

element-ui

Vue前端整体架构 


VUE是什么

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

Vue使用了双向数据绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这就是Vue的精髓所在,如下图所示

 Vue中的核心插件

 Vue Router

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:

  • 嵌套的路由/视图表
  • 模块化的、基于组件的路由配置
  • 路由参数、查询、通配符
  • 基于 Vue.js 过渡系统的视图过渡效果
  • 细粒度的导航控制
  • 带有自动激活的 CSS class 的链接
  • HTML5 历史模式或 hash 模式,在 IE9 中自动降级
  • 自定义的滚动条行为

Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

axios

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:

  • 从浏览器中创建 XMLHttpRequest
  • 从 node.js 发出 http 请求
  • 支持 Promise API
  • 拦截请求和响应
  • 转换请求和响应数据
  • 取消请求
  • 自动转换JSON数据
  • 客户端支持防止 CSRF/XSRF

element-ui

element-ui是一款由饿了么前端团队开发的vue框架组件,里面集成了很多样式组件和功能组件,是一个非常好的框架。

Vue前端整体架构 

一文读懂什么是kubernetes?

kubernetes概述kubernetes面世不过短短几年时间,kuberenetes已经成为容器编排领域事实上的标准,无论是公有云,私有云或混合云,kubernetes都将作为一个为任何应用,任何环境提供容器管理框架无处不在。简述什么是kubernetes?kubernete... 查看详情

什么是mapreduce,一文带你读懂

什么是MapReduce?MapReduce是一种编程模型,用于大规模数据集的并行运算;是面向大数据并行处理的计算模型、框架和平台。MapReduce思想是什么?MapReduce的思想核心是“分而治之”。 所谓“分而治之”就是把一个复杂的... 查看详情

什么是spark?通俗易懂,一文读懂(代码片段)

Spark是什么官方定义:定义:*ApacheSpark是用于**大规模数据(large-scaladata)**处理的**统一(unified)**分析引擎。*分析引擎(计算引擎):我们目前接触的引擎有:MapReduce分布式计算引擎Spark分布式内存计算引擎计算引... 查看详情

一文读懂︱cyphercoincap是什么?

谈到DeFi借贷,大家一定会想到MakerDAO。DAO的理念十分简单,用户将一定价值的担保物抵押给DAO,然后系统生成一定量的Sai,用户可以取出这些Sai与美元进行兑换。当用户偿还了部分或者全部的Sai,以及产生的... 查看详情

一文读懂:什么是共识机制证明?

为保证存储在网络上的分片的完整性和可用性,存储提供方必须能用一个算法证明其持有数据分片。在此过程中,由存储提供方提供其存储证明让区块链网络通过智能合约自动执行数据验证。XFS运用了多种不同的共识机... 查看详情

一文让你读懂网站https证书是什么

谷歌多年来一直致力于推进HTTPS的加密普及,为了营造安全的上网环境,通过改变Chrome用户界面显示取得显著成效。从Chrome80开始不安全的HTTPS页面会直接标记“NotSecure”(不安全)。下面为不了解网站SSL证书的朋友收集了1... 查看详情

一文读懂什么是java中的自动拆装箱

基本数据类型基本类型,或者叫做内置类型,是Java中不同于类(Class)的特殊类型。它们是我们编程中使用最频繁的类型。Java是一种强类型语言,第一次申明变量必须说明数据类型,第一次变量赋值称为变量的初始化。Java基本类... 查看详情

一文读懂7天涨幅超200%的avax是什么?

这是白话区块链的第1409期原创 作者|Alexander出品|白话区块链(ID:hellobtc)近日,由于Avalanche基金会宣布将推出1.8亿美元的流动性赚币奖励计划AvalancheRush,鼓励更多应用和资产加入AvalancheDeFi生态。根据... 查看详情

rabbitmq一文读懂(代码片段)

目录1、RabbitMQ介绍应用场景其他消息队列选择RabbitMQ原因2、AMQP消息队列其他相关知识什么是AMQP?什么是JMS?3、RabbitMQ快速入门RabbitMQ的工作原理RabbitMQ消息发送和接受流程梳理RabbitMQ消息发送RabbitMQ消息接受RabbitMQ安装Rabbi... 查看详情

一文读懂线程池的工作原理(故事白话文)(代码片段)

前言本文以程序员做需求的例子,比喻线程池的工作过程。以故事白话的方式展开,跟大家阐述线程池工作原理,以方便大家更好理解线程池,谢谢阅读哈~什么是线程池?什么是核心线程?什么是阻塞队列?什么是非核心线程... 查看详情

一文读懂块状元素和内联元素(代码片段)

很多刚入坑前端的同学一直不懂div和span两个标签有什么区别。那么,有什么区别呢?答案就是div是块状元素,span是内联元素。那么,块状元素(block)和内联元素(inline)又有什么区别呢?块状元素:后面的元素会从另起一行... 查看详情

一文读懂:开源大数据调度系统taier1.2版本新增的「工作流」到底是什么?

一、什么是工作流?在阐述什么是工作流之前,先说一下工作流和普通任务的区别,在于依赖视图。普通任务本身他只会有自己的dag图,依赖视图是无边界的,不可控的,而工作流则是把整个工作流都展示出来,是有边界的,可... 查看详情

一文带你读懂sdk测试

一.什么是SDKSDK,全称:softwaredevelopmentkit,软件开发工具包。软件开发工具包一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。软件开发工具广义上指辅助开... 查看详情

一文读懂aoe到底是什么!

一、背景1.1AoE是什么AoE(AIonEdge)是一个滴滴开源的终端侧AI集成运行时环境(IRE)。以“稳定性、易用性、安全性”为设计原则,帮助开发者将不同框架的深度学习算法轻松部署到终端高效执行,Github地址是 https://github.com/d... 查看详情

一文读懂前端与html5技术的区别!

  一文读懂前端与HTML5技术的区别!  现在好多人都把HTML5和前端的概念弄混淆了。例如,H5是HTML5的简称,而现在好多人把HTML5看成了是前端开发的总称。到底前端和HTML5有哪些区别?  什么是前端开发  以一个网站为例... 查看详情

一文读懂锁相环基本原理

1、锁相环是什么?锁相环电路是使一个特殊系统跟踪另外一个系统,更确切的说是一种输出信号在频率和相位上能够与输入参考信号同步的电路,它是模拟及数模混合电路中的一个基本的而且是非常重要的模块。2、... 查看详情

一文读懂布隆过滤器(代码片段)

什么是布隆过滤器?布隆过滤器(BloomFilter)是1970年由布隆提出的本质上布隆过滤器是一种数据结构,比较巧妙的概率型数据结构,特点是高效地插入和查询,可以用来告诉你“某样东西一定不存在或者可... 查看详情

[转帖]merkledag全面解析一文读懂什么是默克尔有向无环图

MerkleDAG全面解析一文读懂什么是默克尔有向无环图2018-08-1615:58区块链/技术MerkleDAG作为IPFS的核心数据结构,它融合了MerkleTree和DAG的优点,今天阿信带大家一起来探究什么是MerkleDAG,拆分解说MerkleTree、DAG有向无环图、MerkleDAG在IPFS... 查看详情