# Vue 安装和设置

安装 Vue 不需要任何特殊的工具,使用下面的代码就可以实现:

<div id="app"></div>
<!-- <script src="https://unpkg.com/vue"></script> -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>


<script>
  new Vue({
    el: '#app',
    created() {
      console.info('这段代码在应用启动时运行');
    }
  });
</script>

这段代码有 3 个重点:

  1. 有一个 id 为 appdiv 元素用于初始化 Vue 。

    由于多种原因,不能在 <body> 元素上进行初始化

  2. 在页面上引用 Vue 文件。

    引用 CDN 版本或引用本地版本。

  3. 运行一些 JavaScript 代码,创建一个 Vue 的实例,并将该实例的 el 属性指向之前提到的 <div> 元素。