如何快速掌握最流行的前端框架Vue？小白教程教你一小时上手！

本文共计1133个文字，预计阅读时间需要5分钟。

前言：Vue是当前非常热门的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与Angular和React并称前端三大框架。相比Angular和React，Vue更加轻巧、高性能，也更容易上手。大家也可以轻松迁移。

前言

vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网，看一下它的介绍和核心功能介绍。简单粗暴的理解就是：用vue开发的时候，就是操作数据，然后vue就会处理，以数据驱动去改变DOM。使用vue，我们可以集中精力于如何处理数据上，数据改变后，页面显示也会随之改变。相比jquery那种操作DOM元素的开发方式，能有效提高开发效率，个人觉得有接近两三倍的提升。

一、安装

我们可以通过npm或者直接引入script标签两种方式来安装vue。这里为了方便说明，采用第二种方式，我们只需要在html页面引入标签即可。个人测试开发可以使用bootcdn的资源。

<script src="img.558idc.com/uploadfile/allimg/210605/1T6005522-0.jpg"></script>

二、核心思想

“数据绑定”是vue的核心思想，这里笔者举一个hello world例子来说明这种思想。