Vue框架学习-Vue基础

前言

本文是Vue框架学习的第一篇文章，Vue框架学习总共大概有4部分，本文从第一个部分Vue基础开始学习。
学习Vue之前最好对html，css以及JavaScript有基本的了解。
学习资料来源是B站的一个教学视频，我在文末会附上链接。

简介

1. JavaScript框架
   相比较于JQuery这样的JS库，Vue框架的功能更为强大，但是为了使用Vue，必须遵守一整套规则。
2. 简化DOM操作
   不再需要去获取元素，再进行操作，Vue自动实现这一功能。
3. 响应式数据驱动
   页面由数据来生成，当数据改变以后，页面会同步更新。

第一个Vue程序

安装

通过如下方式引入 Vue（导包）

1. 开发环境版本：
   适合学习阶段的编码使用，含有提示

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2. 生产环境版本：
   速度很快，代码经过压缩，没有提示

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="</