Vue.js 安装指南

安装 Vue.js 是开始使用这个强大的 JavaScript 框架的第一步。以下是如何在您的项目中安装 Vue.js 的步骤：

安装方式

Vue.js 可以通过多种方式进行安装，以下是两种常见的方式：

使用 CDN

您可以直接通过 CDN（内容分发网络）来引入 Vue.js。这样做的好处是简单快捷，不需要安装任何包管理器。

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

使用 npm

如果您正在使用 npm（Node.js 包管理器），可以通过以下命令来安装 Vue.js：

npm install vue

快速开始

一旦 Vue.js 被安装，您就可以开始在您的项目中使用它了。以下是一个简单的示例：

<div id="app">
  <p>{{ message }}</p>
</div>

<script>
  new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
  })
</script>

在上面的代码中，我们创建了一个新的 Vue 实例，并将其挂载到一个 DOM 元素上。Vue 实例中的 data 对象包含了我们想要在页面上显示的信息。

进一步学习

如果您想了解更多关于 Vue.js 的内容，请访问我们的 Vue.js 教程。

Vue.js 示例应用