VUE 前端框架学习总结

Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。

视图层即页面展示(给用户看的部分),刷新后台给的数据:HTML + CSS + JS

Vue 只负责视图层,其他前端部分有以下技术解决
网络通信 : axios
页面跳转 : vue-router
状态管理 :vuex
Vue-UI : ICE , Element UI


文章目录

  • 一、前端核心分析
    • [1 Vue 框架简介](#1 Vue 框架简介)
    • [2 前端三要素](#2 前端三要素)
    • [3 前端三大 JavaScript 框架 ( Angular、React、Vue)](#3 前端三大 JavaScript 框架 ( Angular、React、Vue))
  • [二、前端设计模式(MVVM 模式)](#二、前端设计模式(MVVM 模式))
  • [三、编写第一个 Vue 程序](#三、编写第一个 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 程序


相关推荐
EmbedLinX9 小时前
Linux 之网络通信
linux·服务器·c语言·笔记·学习
白中白121389 小时前
Vue系列-2
前端·javascript·vue.js
BYSJMG9 小时前
计算机毕设选题推荐:基于Hadoop的交通事故数据可视化分析系统
大数据·vue.js·hadoop·分布式·后端·信息可视化·课程设计
AI视觉网奇9 小时前
ue 导出 fbx
笔记·学习·ue5
野犬寒鸦9 小时前
从零起步学习并发编程 || 第三章:JMM(Java内存模型)详解及对比剖析
java·服务器·开发语言·分布式·后端·学习·spring
HyperAI超神经9 小时前
覆盖天体物理/地球科学/流变学/声学等19种场景,Polymathic AI构建1.3B模型实现精确连续介质仿真
人工智能·深度学习·学习·算法·机器学习·ai编程·vllm
AI周红伟9 小时前
周红伟:大模型的微调和 腾讯姚顺雨 刚发布“上下文学习”论文,的区别和联系
学习
近津薪荼10 小时前
递归专题(4)——两两交换链表中的节点
数据结构·c++·学习·算法·链表
-Springer-10 小时前
STM32 学习 —— 个人学习笔记2-1(软件安装)
笔记·stm32·学习
I'mChloe10 小时前
机器学习核心分支:深入解析非监督学习
人工智能·学习·机器学习