Vue.js 安装

在开始学习 Vue.js 之前，我们首先需要安装 Vue.js。Vue.js 有多种安装方式，包括 CDN 引入、npm 安装等。在这里我们将介绍使用 npm 安装 Vue.js 的方法。

使用 npm 安装 Vue.js

1. 首先，确保你的项目中已经安装了 Node.js 和 npm。如果没有安装，你可以在官网下载并安装。

2. 打开命令行工具，进入你的项目目录。

3. 使用以下命令安装 Vue.js：

   npm install vue

4. 等待安装完成后，你就可以在你的项目中使用 Vue.js 了。

引入 Vue.js

在你的项目中引入 Vue.js 非常简单，只需要在 HTML 文件中添加以下代码即可：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue.js Demo</title>
</head>
<body>
    <div id="app">
        {{ message }}
    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello, Vue.js!'
            }
        });
    </script>
</body>
</html>

在上面的代码中，我们通过 CDN 的方式引入了 Vue.js，并创建了一个 Vue 实例，将数据绑定到页面中的元素上。

现在，你已经成功安装并引入了 Vue.js，可以开始编写 Vue.js 应用了。