前后台分离框架之一-VUE框架简介

作者 : 开心源码 本文共1032个字,预计阅读时间需要3分钟 发布时间: 2022-05-12 共185人阅读

简介

  • 前后台分离框架。单页应用框架。MVVM库(Model+View+ViewModel)。
  • 用于构建客户界面的渐进式框架。
  • 被设计为可以自底向上逐层应用。
  • Vue 的核心库只关注视图层,便于与第三方库或者既有项目整合。
  • 面向组件。
  • 全家桶系列工具,可方便构建应用。
  • 相似的框架Angular、React、Vue。
  • “vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点”。
  • 作者:尤雨溪(Evan You)

Vue的核心特性

  1. 组件化,通过将页面上某一组件的html、CSS、js代码放入一个.vue的文件中进行管理。使用ES6 Module的import引入组件,export暴露组件内容。
  2. 数据驱动,双向数据绑定,MVVM应用。
  3. 路由,通过路由功能,我们可以实现各个组件的按需加载,轻松构建单页应用。
  4. 指令,通过Vue提供的常用指令,可以发挥Vue数据驱动的强大功能。

缺点

  1. 不支持低版本浏览器。
  2. 对SEO不友好。
  3. 没有angular那么成熟。

Vue技术栈

  1. vue-cli:Vue的脚手架工具,用于自动生成Vue项目的目录及文件。
  2. vue-router: Vue提供的前台路由工具,利用其我们实现页面的路由控制,局部刷新及按需加载,构建单页应用,实现前后台分离。
  3. vuex:Vue提供的状态管理工具,用于同一管理我们项目中各种数据的交互和重用,存储我们需要用到数据对象。
  4. axios:基于promise用于浏览器和node.js的Ajax用户端。
  5. qs:用来包装data数据,一般配合axios。
  6. ElementUI:饿了么团队开发的一款基于vuejs的前台组件库,也是众多vuejs组件库里面比较优秀的一款。
  7. ES6:Javascript的新版本,ECMAScript6的简称。利用ES6我们可以简化我们的JS代码,同时利用其提供的强大功能来快速实现JS逻辑,如包管理,Promise等。
  8. NodeJs:Vue依赖NodeJs,在开发时独立运行的环境。生产上也可以做服务器端。
  9. NPM:node.js的包管理工具,用于同一管理我们前台项目中需要用到的包、插件、工具、命令等,便于开发和维护。
  10. webpack:一款强大的文件打包工具,可以将我们的前台项目文件同一打包压缩至js中,并且可以通过vue-loader等加载器实现语法转化与加载。
  11. Babel:一款将ES6代码转化为浏览器兼容的ES5代码的插件。
  12. ESLint:是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。
前后台分离框架之一-VUE框架简介

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 前后台分离框架之一-VUE框架简介

发表回复