设计一个企业网站报价,深圳生活免费信息网,wordpress整站迁移,商城系统Vue 的核心库只关注视图层#xff0c;方便与第三方库或既有项目整合。 视图层即页面展示#xff08;给用户看的部分#xff09;#xff0c;刷新后台给的数据#xff1a;HTML CSS JS Vue 只负责视图层#xff0c;其他前端部分有以下技术解决 网络通信 #xff1a; axi… Vue 的核心库只关注视图层方便与第三方库或既有项目整合。 视图层即页面展示给用户看的部分刷新后台给的数据HTML CSS JS Vue 只负责视图层其他前端部分有以下技术解决 网络通信 axios 页面跳转 vue-router 状态管理vuex Vue-UI : ICE , Element UI 文章目录 一、前端核心分析1 Vue 框架简介2 前端三要素3 前端三大 JavaScript 框架 ( Angular、React、Vue) 二、前端设计模式MVVM 模式三、编写第一个 Vue 程序 一、前端核心分析 1 Vue 框架简介 Vue 框架简介Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架发布于2014年2月。与其它大型框架不同的是Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层不仅易于上手还便于与第三方库(如: vue-router: 跳转vue-resource: 通信vuex:管理)或既有项目整合 2 前端三要素 HTML (结构) :超文本标记语言(Hyper Text Markup Language) 决定网页的结构和内容 CSS (表现) :层叠样式表(Cascading Style sheets) 设定网页的表现样式 JavaScript (行为) :是一种弱类型脚本语言其源代码不需经过编译而是由浏览器解释运行,用于控制网页的行为 3 前端三大 JavaScript 框架 ( Angular、React、Vue) Angular 框架 : Google收购的前端框架由一群Java程序员开发其特点是将后台的MVC模式搬到了前端并增加了模块化开发的理念与微软合作采用TypeScript语法开发;对后台程序员友好对前端程序员不太友好;最大的缺点是版本迭代不合理(如: 1代- 2代除了名字基本就是两个东西;截止发表博客时已推出了Angular6) React 框架 : Facebook出品一款高性能的JS前端框架;特点是提出了新概念[虚拟DOM]用于减少真实DOM操作在内存中模拟DOM操作有效的提升了前端渲染效率;缺点是使用复杂因为需要额外学习一门[JSX] 语言; Vue 框架 一款渐进式JavaScript框架所谓渐进式就是逐步实现新特性的意思如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular (模块化)和React (虚拟DOM)的优点; Axios 框架: 前端通信框架;因为Vue 的边界很明确就是为了处理DOM,所以并不具备通信能力此时就需要额外使用一个通信框架与服务器交互;当然也可以直接选择使用jQuery提供的AJAX通信功能; 二、前端设计模式MVVM 模式 三、编写第一个 Vue 程序