我的第一个vue应用

vue的安装方式：

1.直接用<script>引用的方式

    直接下载vue.js文件，并在html文件中通过<script>标签引用，Vue会被注册成一个全局变量。

     <script src="vue.js" type="text/javascript" charset="UTF-8"></script>

2.通过CDN的方式

    <script src="https://cdn.jsdelivr.net/npm/vue"></script>

3.通过NPM的方式

   在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。

    # 最新稳定版 $ npm install vue

4.命令行工具 (CLI)

Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。

CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读指南，在熟悉 Vue 本身之后再使用 CLI。

代码图：

安装vue后通过new Vue的方式可以获取vue的一个应用，返回一个 vue.js的对象，在new vue的时候需要传递一个对象参数，这个对象有两个属性,el  data。

el:element元素，通过id选择器的方式，选择id为app的div。

data :用户保存数据，我们在视图中声明了哪些变量，就需要在data中注册这些变量，并且为这些变量进行初始化赋值。