vue在目录的什么位置写代码

在Vue中，代码可以写在以下几个目录位置：

1. src目录：这是主要的代码目录，包含了Vue应用的核心代码。在这个目录中，你可以编写Vue组件、路由、Vuex状态管理等。

   • src/main.js：这是Vue应用的入口文件，用于初始化Vue实例和加载所需的插件等。

   • src/App.vue：这是Vue应用的根组件，它包含了应用的整体布局和逻辑。

   • src/components目录：这个目录用于存放Vue组件，可以根据需求建立子目录来组织组件。

   • src/views目录：这个目录用于存放页面级别的Vue组件，一般情况下，每个路由对应一个视图组件。

   • src/router目录：这个目录用于存放路由配置文件，通常是index.js，用于定义应用的路由。

   • src/store目录：这个目录用于存放Vuex状态管理相关的代码，通常是index.js，用于定义和管理应用的全局状态。

2. public目录：这是静态资源目录，用于放置一些不需要经过构建处理的静态文件，如图片、字体等。在Vue中，可以通过相对路径引用这些文件。

需要注意的是，在Vue中编写的代码需要经过构建打包才能在浏览器中运行，最后生成的文件放在dist目录中。所以，在开发中修改了代码后，需要重新构建才能看到最新的效果。

在Vue项目中，代码通常被写在以下几个位置：

1. 在src目录下的components文件夹中，可以编写Vue组件的代码。这些组件可以在其他地方引用和使用。

2. 在src目录下的views文件夹中，可以编写路由对应的视图组件的代码。这些视图组件通常与不同的路由路径对应，用于展示不同的页面。

3. 在src目录下的assets文件夹中，可以存放静态资源文件，如图片、样式表、字体等。这些资源可以通过相对路径引用到Vue组件中。

4. 在src目录下的utils文件夹中，可以编写工具函数或者工具类的代码。这些工具可以帮助我们完成一些通用的功能，如数据格式转换、时间格式化等。

5. 在src目录下的store文件夹中，可以编写Vuex的代码。Vuex是Vue的状态管理库，用于管理应用中的共享状态。在store文件夹中，可以定义state、mutations、actions等。

除了上述位置，还可以根据实际需要在src目录下的其他文件夹中写代码。例如，可以在src目录下新建一个api文件夹，用于存放与后端交互的代码，或者在src目录下新建一个plugins文件夹，用于存放插件代码。

需要注意的是，除非是特殊需求，我们通常不要直接在src目录下的main.js文件中写过多的代码，而是应该将代码拆分到合适的文件夹和文件中，保持项目结构的清晰和可维护性。

在Vue.js中，代码的位置取决于你的项目目录结构和文件分布。

默认情况下，Vue.js项目的代码通常位于src目录下。在src目录中，你会找到一些常见的文件和文件夹，如下所示：

• assets文件夹：用于存放项目中的静态资源，如图片、样式文件等。
• components文件夹：用于存放Vue组件，每个组件通常由一个.vue文件表示。
• views文件夹：用于存放路由页面组件，也是由.vue文件表示。
• router文件夹：用于存放Vue路由器相关的代码，包括路由的配置文件等。
• store文件夹：用于存放Vuex相关的代码，包括状态管理模块等。
• main.js文件：项目的入口文件，用于初始化Vue实例、加载插件、配置全局设置等。

除了上述常见的文件夹和文件，你还可以根据具体的项目需求添加或调整目录结构。

在这些目录和文件中，你可以编写Vue组件、路由配置、状态管理和其他业务逻辑。

以下是典型的Vue.js项目目录结构：

project
|_ node_modules/
|_ public/
|_ src/
   |_ assets/
   |_ components/
   |_ views/
   |_ router/
   |_ store/
   |_ main.js
|_ .gitignore
|_ package.json
|_ README.md

在每个目录中，你可以根据需要创建和组织文件来编写代码。例如，在components目录中，你可以创建一个Button.vue组件，在router目录中，你可以创建一个index.js文件来配置路由等等。

总之，Vue.js项目中的代码可以根据项目需求和个人喜好来组织和编写。