一篇文章带你搞懂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前端整体架构 

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注的更多内容！