VUE课程---1、VUE课程介绍
一、总结
一句话总结:
vue.js是目前前端最火的框架,不仅可以开发网站,还可以开发移动app,插件和对应的UI库也都非常多
1、vue特点?
双向数据绑定:用户不在需要操作dom
虚拟dom:提高渲染性能
组件化开发:便于组件管理和复用,提高开发效率
a、双向数据绑定:用户不在需要操作dom:
视图会随着数据自动变化,数据也会随着视图自动变化
b、虚拟dom:提高渲染性能:
vue的虚拟dom是将多次dom操作保存在一个js对象(虚拟dom对象)中,然后用这个js对象一次性的去更新dom操作,这样就避免了很多无效的计算
c、组件化开发:便于组件管理和复用,提高开发效率
把页面的一个个部分抽离出来当做组件
2、vue与其它前端JS框架的关联?
vue借鉴angular 的模板和数据绑定技术
vue借鉴react 的组件化和虚拟 DOM 技术
3、Vue扩展插件?
Vue扩展插件很多,有vue-cli、axios、vue-router、vuex等vue全家桶,也有vue-lazyload、vue-scroller等组件库,也有Quasar等UI组件库
vue-cli: vue 脚手架:可以很方便的创建配置好了打包工具webpack的一个初始化的vue项目
vue-resource(axios): ajax 请求
vue-router: 路由:单页面应用的核心
vuex: 状态管理:保存数据,解决组件之间的通信
vue-lazyload: 图片懒加载
vue-scroller: 页面滑动相关
Quasar:vue ui组件库
二、VUE课程介绍
博客对应课程的视频位置:1、VUE课程介绍
https://www.fanrenyi.com/video/26/218
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>1、VUE课程介绍</title> 6 </head> 7 <body> 8 <!-- 9 10 vue.js是目前前端最火的框架,不仅可以开发网站, 11 还可以开发移动app,插件和对应的UI库也都非常多 12 13 14 vue中文官网 15 https://cn.vuejs.org/ 16 17 18 VUE特点 19 a、双向数据绑定:用户不在需要操作dom: 20 视图会随着数据自动变化,数据也会随着视图自动变化 21 22 b、虚拟dom:提高渲染性能: 23 vue的虚拟dom是将多次dom操作保存在一个js对象(虚拟dom对象)中,然后用这个js对象一次性的去更新dom操作,这样就避免了很多无效的计算 24 25 c、组件化开发:便于组件管理和复用,提高开发效率 26 把页面的一个个部分抽离出来当做组件 27 28 29 30 vue与其它前端JS框架的关联 31 借鉴 angular 的模板和数据绑定技术 32 借鉴 react 的组件化和虚拟 DOM 技术 33 34 35 Vue扩展插件 36 vue-cli: vue 脚手架:可以很方便的创建配置好了打包工具webpack的一个初始化的vue项目 37 vue-resource(axios): ajax 请求 38 vue-router: 路由:单页面应用的核心 39 vuex: 状态管理:保存数据,解决组件之间的通信 40 vue-lazyload: 图片懒加载 41 vue-scroller: 页面滑动相关 42 Quasar:vue ui组件库 43 44 --> 45 <script> 46 47 </script> 48 </body> 49 </html>