新建vue2项目

// 创建一个新的 Vue 2 项目的基本步骤如下。这里提供一个简单的示例代码来帮助你开始。

// 首先，确保你已经安装了 Node.js 和 npm。
// 然后，使用 Vue CLI 来创建一个新的 Vue 项目。

// 1. 安装 Vue CLI（如果尚未安装）
// 在终端中运行以下命令：
// npm install -g @vue/cli

// 2. 创建一个新的 Vue 项目
// 在终端中运行以下命令：
// vue create my-vue2-project

// 这将启动交互式向导，你可以选择 Vue 2 作为默认版本。

// 3. 进入项目目录并启动开发服务器
// cd my-vue2-project
// npm run serve

// 下面是一个基本的 Vue 2 项目的 `src/App.vue` 文件示例：

<template>
  <div id="app">
    <h1>{{ message }}</h1>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      message: 'Hello Vue 2!'
    }
  }
}
</script>

<style scoped>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

// 解释说明：
// - `<template>` 标签定义了组件的 HTML 结构。
// - `<script>` 标签定义了组件的逻辑，包括数据、方法等。
// - `<style scoped>` 标签定义了仅应用于该组件的样式，`scoped` 属性确保样式不会影响其他组件。