对组件的理解?如何规划项目文件?

目录

1.说一下你对组件的理解?

2.如何规划项目文件?

1.public

2.src

3.api

4.assets

5.components

6.plugin

7.router

8.static

9.style        

10.utils

11.views

12.App.vue

13.main.js

14.package.json

15.vue.config.js

---

1.说一下你对组件的理解?

        可以重复使用的Vue实例，有独一无二的名称。

        可以抽离单独的公共模块，提高了代码的复用率。

2.如何规划项目文件?

1.public

        这个文件夹包含所有应该被Web服务器直接提供的文件，例如HTML、CSS、JavaScript等。这些文件通常是你希望直接被浏览器访问的内容。

2.src

        这是项目的源代码文件夹，包含所有的Vue.js组件、API接口、样式文件和图片等资源。

3.api

        这个文件夹通常包含项目所需的API接口信息，比如请求的header，参数，返回的数据结构等。

4.assets

        这个文件夹包含所有静态的资源文件，如图片、字体等。

5.components

        这个文件夹包含所有的Vue组件。每个组件应该是一个单独的文件，并且这个文件的命名应该以大写字母开头。

6.plugin

        插件文件夹，用于存放项目的各种插件，这些插件可能用于处理特定的功能或者优化性能。

7.router

        文件夹包含所有路由相关的代码。如果使用Vue Router，你应该将路由配置为一个单独的文件。

8.static

        文件夹通常用于存放一些静态文件，如图片、字体等，可以直接被Web服务器提供。

9.style        

        这个文件夹通常包含项目的样式文件，可能有CSS、SCSS、LESS等。

10.utils

       文件夹通常包含一些工具函数或者模块，这些函数或者模块可能被项目的其他部分复用。

11.views

        文件夹包含所有与路由相关联的视图组件，通常一个视图对应一个路由。

12.App.vue

        应用的根组件，通常包含应用的全局样式和布局。

13.main.js

        项目的入口文件，通常在这里创建Vue的实例并挂载到页面上。

14.package.json

        项目的配置文件，其中包含了项目所需的包的名称和版本，以及其他配置选项。通过npm或yarn可以运行这个文件来安装所有的依赖包。

15.vue.config.js

        如果需要使用Vue CLI进行项目构建，可以在这个文件中配置构建选项。