第一章 Vue的安装和初体验

1. Vue介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。其核心思想是数据驱动视图，即让DOM对象和Vue中的数据建立关联，所有东西都变成响应式的，Vue中的数据一旦改变就自动更新页面。

2. Vue安装和导入

直接下载

可以直接从Vue的官网下载vue.js 文件，下载地址为 https://cdn.jsdelivr.net/npm/vue/dist/vue.js 。将vue.js文件放到项目文件夹中，直接在html文档中用script标签导入。

<script src="./vue.js"></script>

NPM

在构建大型项目时，推荐使用NPM的方式安装Vue。

npm install vue
# npm i vue

此时在html文件中引用vue.js的路径有所不同，如下：

<script src="html文件相对根目录的路径/node_modules/vue/dist/vue.js"></script>

Vue实例

要想使用Vue，必须要创建一个Vue实例，并在创建Vue对象的时候传入一些选项来初始化该Vue实例，通常，我们都会用变量 vm (ViewModel 的缩写) 来接收创建vue返回的实例对象。

let vm = new Vue({
  // 选项
  el: '#app'