网站外链快速建设,asp网站制作,建材有限公司光速东莞网站建设,怎么制作视频网站✅作者简介#xff1a;CSDN一位小博主#xff0c;正在学习前端#xff0c;欢迎大家一起来交流学习#x1f3c6; #x1f4c3;个人主页#xff1a;白月光777的CSDN博客 #x1f525;系列专栏#xff1a;Vue从入门到进阶 #x1f4ac;个人格言#xff1a;但行好事… ✅作者简介CSDN一位小博主正在学习前端欢迎大家一起来交流学习 个人主页白月光777的CSDN博客 系列专栏Vue从入门到进阶 个人格言但行好事莫问前程 什么是VueVue.js简介Vue.js的发展历程主要应用场景Vue.js的优点Vue.js的核心思想Vue与React、Angular比较MVVM框架概述Vue.js简介
Vue.js简称Vue是一套用于构建用户界面的渐进式框架 ◾构建用户界面即指用于前端开发 ◾渐进式框架通俗地说就是没必要弄懂Vue的每一个部件和功能就能够使用Vue。只需要从核心功能开始学习逐渐扩展掌握多少用多少也可以把Vue很方便地和其他已有项目或框架相结合。
Vue.js的发展历程
Vue已成为全世界有较大影响的一个开源框架作者是尤雨溪曾就职于Google由于工作中大量接触开源的Java项目而走上开源之路。Vue.js的发展历程如下 ◾2013年12月8日在GitHub上发布了0.6版本 ◾2015年10月正式发布了1.0版本 ◾2016年10月正式发布了2.0版本 ◾2019年12月14日发布了Vue2.6.11版 每个版本的更新日志见GitHub官网
主要应用场景
Vue一般用于开发单页面应用程序Single Page ApplicationSPA 单页面应用程序就是只有一个HTML页面的应用用户与应用程序交互时动态更新该页面的Web应用程序例如手机APP大多数为SPA由系统的后端管理系统。
Vue.js的优点
◾易用只要有HTML、CSS、JavaScript的基础就可以阅读官网教程开始构建应用 ◾灵活Vue有不断繁荣的生态系统可以在一个库和一套完整框架之间自如伸缩。这也是渐进式框架的体现 ◾高效Vue的运行大小只有28KB具有超快模拟DOM以及最省心的优化
Vue.js的核心思想
◾数据驱动DOM的渲染、显示、隐藏、等均由数据的状态控制。当我们决定在项目中属于Vue时需要转变思路将操作DOM转化为操作数据。因此写Vue时尽量不要有操作DOM的代码出现。 ◾组件化通过扩展HTML元素。封装可重复使用的代码。
Vue与React、Angular比较
Vue、React和Angular都是用于搭建用户界面的JavaScript库 ◾Augular2009年诞生起源于个人开发后来被Google收购其核心技术为指令和数据技术 ◾React2013年5月开源起源于Faceboook的内部项目其核心技术为组件化和虚拟DOM技术 ◾Vue吸收了上面两个框架的技术优点即借鉴了Augular的指令和React的组件化。可谓后起之秀其更轻量、更易上手、学习成本低。 Vue不支持IE8及以下版本因为Vue使用了IE8无法模拟的ECMAScript5特性。
MVVM框架概述
Vue、React、Angular都是MVVM框架要理解MVVM框架首先应了解MVCModel-View-Controller MVC是一种表现模式。它将软件的UI部分的设计拆分成三个主要部分。分别是Model、View和Controller。MVC的核心是控制器它负责处理浏览器传送过来的所有请求并决定要将什么内容响应给浏览器 Model即模型用于存储数据的组件。 View即视图根据Model数据进行内容展示的组件 Controller即控制器接收并处理用户指令并返回内容。 MVVMModel-View-ViewModel)本质上就是MVC的改进版其核心是ViewModel它提供了对于Model和View的双向数据绑定通过ViewMode连接View和Model。确保视图与数据的一致性而这个过程是框架Vue自动完成的无须手动干预。MVVC框架如下图所示。Model即普通的JavaScript对象也就是数据部分。View即前端展示页面也就是DOM元素。ViewModel即用于双向绑定数据与页面也就是Vue实例 MVVC的核心思想MVVC属于响应式编程模型当改变View中的数据时Model中的数据也跟着改变当改变Model中的数据时Vue中的数据也随之改变。这样可避免直接操作DOM降低DOM操作的复杂性。
