关于

一个标准的 Vue.js 2.x 项目的目录结构通常如下：

my-project/
  |- node_modules/
  |- public/
      |- index.html
      |- favicon.ico
  |- src/
      |- assets/
      |- components/
      |- router/
      |- store/
      |- App.vue
      |- main.js
  |- .gitignore
  |- babel.config.js
  |- package.json
  |- README.md
  |- yarn.lock

这里是每个主要目录和文件的功能：

• node_modules/：存放所有的项目依赖文件。
• public/：静态资源目录，如图片、字体等。
• src/：源代码目录。
• assets/：放置图片等静态资源。
• components/：存放所有 Vue 组件。
• router/：存放路由文件。
• store/：存放 Vuex 状态管理文件。
• App.vue：主页面组件。
• main.js：项目的入口文件。
• .gitignore：规定 Git 要忽略的文件和目录。
• babel.config.js：Babel 的配置文件。
• package.json：存放项目的元信息和项目的依赖。
• README.md：项目的说明文档。
• yarn.lock：Yarn 的锁定文件，确保依赖的一致性。

对于 Vue Router 的设置，通常我们会在 src/router/ 目录中创建一个 index.js 文件，这个文件中定义了所有的路由信息。例如：

import Vue from "vue";
import Router from "vue-router";
import HelloWorld from "@/components/HelloWorld";

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: "/",
      name: "HelloWorld",
      component: HelloWorld,
    },
  ],
});

然后在 main.js 文件中引入这个路由配置：

import Vue from "vue";
import App from "./App";
import router from "./router";

new Vue({
  el: "#app",
  router,
  components: { App },
  template: "<App/>",
});

这样就完成了 Vue Router 的基本设置。