VUE技术详解,Vue.js从入门到精通


【Vue.js简介】
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
Vue.js自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js也能完美地驱动复杂的单页应用。
【Vue.js特点】
1. 易用:在有HTML、CSS、JavaScript的基础上,快速上手。
2. 灵活:简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。
3. 性能:20kb min+gzip运行大小、超快虚拟DOM、最省心的优化。
【系统学习并掌握Vue.js】
尚硅谷Vue.js核心技术教程
https://www.bilibili.com/video/BV1Wp411d7Ur
课程详情:
本视频涵盖Vue开发所需技术: 模板、数据绑定、声明式渲染、计算属性、事件处理、过渡动画、指令、自定义Vue插件、组件化开发、组件间通信、Ajax前后台交互、Vue-Router 等. 对数据代理、模板解析、数据劫持、数据绑定核心部分进行深入的源码分析 。
视频中也涵盖Vue状态管理库Vuex的具体使用和原理结构分析。
尚硅谷Vue.js项目实战教程
https://www.bilibili.com/video/BV1Lp411d7w4
课程详情:
本视频是尚硅谷 Vue 技术栈的项目实战视频。
1.基于 Vue 的最新版本;
2.项目是关于外卖业务的前后台分离Web App,功能模块包含商家, 商品, 购物车, 用户管理等多个模块;
3.后台应用技术架构为: Node + Express + Mongodb + Mongoose;
4.前台应用技术架构为: vue + vuex + vue-router + webpack + ES6;
5.采用模块化、组件化、工程化的模式开发;
6.具体涉及技术:
(1).使用代理服务器解决跨域;
(2).mock数据接口库: mockjs;
(3).ES7最新语法: async/await;
(4).最流行的ajax请求库: axios;
(5).常用的滑动库: better-scroll, swiper;
(6).Vue移动端UI组件库: mint-ui;
(7).最常用的图片懒加载插件: vue-lazyload;
(8).一次性短信验证码和图片验证码技术。
