前言
在了解和学习 Vue 之前,我们要先问自己几个问题:
- Vue 是什么?
- Vue 能干什么?
- 使用 Vue 有什么好处?
- 如何学习并使用 Vue?
本篇文章并不讲解 Vue 知识点,只是让大家了解一下什么是 Vue,让大家对 Vue 产生兴趣。
一睹为快,本文的主要内容如下:
1. Vue 是什么?
- Vue 就是 Vue.js 的简称。
- Vue 的作者是尤雨溪,一个中国人。
- 是一款流行的、开源的 JavaScript 前端框架,旨在更好地组织与简化 Web 开发。
- 用于创建用户界面的框架,也是一个创建单页应用的 Web 应用框架。(单页应用 single-page application:它可以动态重写当前的页面来与用户交互,而不需要重新加载整个页面,单页应用做到了前后端分离,后端只负责处理数据提供接口,页面逻辑和页面渲染都交给了前端。)
- 是一个构建数据驱动的 web 界面的渐进式框架。(所谓的渐进式就是:从中心的的视图层渲染开始向外扩散的构建工具层。这过程会经历:视图层渲染->组件机制->路由机制->状态管理->构建工具五个层级。)
- 目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
- 核心是一个数据驱动的组件系统。
2. Vue 能干什么?
- Vue 可以做从简单到复杂的前端单页应用,随处可见的 Web 前端都可以用 Vue 来开发。
3. 使用 Vue 有什么好处?
- 与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。
- Vue 能让基于网页的前端应用程序开发起来更加方便,因为 Vue 有声明式、响应式的数据绑定,组件化的开发和虚拟 DOM。
- Vue上手速度快、功能强大,且提供了非常好用的脚手架 vue-cli,构建和运行非常简单。
- 之前的原生 JS -> Jquery 之类的类库 -> 前端模板引擎 ,他们都有一个共同的特点需要我们去操作 DOM 元素,而 Vue 能够帮助我们减少不必要的 DOM 操作,提高渲染效率。
- 双向数据绑定的概念,通过框架提供的指令,前端程序员只需要关心数据的业务逻辑,不再关心 DOM 是如何渲染的了。
- 流行的 MVVM 架构。
- 超小的体积。
- 全中文保姆式文档。
4. 如何学习并使用 Vue ?
通过上面的内容,你已经知道了 Vue 是什么、能干什么、有什么好处。了解过后,有了兴趣就可以开始学习了。由易到难,循序渐进,干什么都不是一蹴而就的,坚持就是胜利。你要相信,你是最棒的。
- 阅读官方文档教程:vue 官网文档地址
- 菜鸟教程:Vue 菜鸟教程地址 PS:喜欢本文的排版吗?本文使用的主题是:channing-cyan