Vue开发项目中,不同页面的html和css分别写在哪儿?

1、请问一个项目是不是只有一个NEW VUE实例放在main.js就可以了,其他所有界面都import引入到main.js?
2、请问一个项目有许多页面的HTML存放在哪儿,用JQ写的时候,是放在不同的HTML页面中编写,请问VUE是分别建不同的component.vue文件存放么?
3、如果存放在component.vue下,看更多的案例是export default {
data() {
return {
author: "333",
}
},
},
利用这种方式获取数据,请问要是编写方法,并进行点击或者打开页面执行的时候,方法怎么写?

├── build/                      # webpack 配置文件;
│   └── ...
├── config/                     # 与项目构建相关的常用的配置选项;
│   ├── index.js                # 主配置文件
│   ├── dev.env.js              # 开发环境变量
│   ├── prod.env.js             # 生产环境变量
│   └── test.env.js             # 测试环境变量
│
├── src/
│   ├── main.js                 # webpack 的入口文件;
│   ├── common/                 # 存放项目共用的资源,如:常用的图片、图标,共用的组件、模块、样式,常量文件等等;
│   │   ├── assets/             # 存放项目共用的代码以外的资源,如:图片、图标、视频 等;
│   │   ├── components/         # 存放项目共用的组件,如:封装的导航条、选项卡等等; 备注:这里的存放的组件应该都是展示组件;
│   │   ├── network/            # 存放项目的网络模块,如:接口;
│   │   ├── compatible/         # 存放项目的兼容模块,如:适合App和微信各种接口的模块;
│   │   ├── extension/          # 存放已有类的扩展模块,如:对 Array 类型进行扩展的模块;
│   │   ├── libraries/          # 存放自己封装的或者引用的库;
│   │   ├── tools/              # 自己封装的一些工具
│   │   ├── constant.js         # 存放js的常量;
│   │   ├── constant.scss       # 存放scss的常量;
│   │   └── ...
│   └── app/                    # 存放项目业务代码;
│       ├── App.vue             # app 的根组件;
│       └── ...
│
├── static/                     # 纯静态资源,该目录下的文件不会被webpack处理,该目录会被拷贝到输出目录下;
├── test/                       # 测试
│   ├── unit/                   # 单元测试
│   │   ├── specs/              # test spec files
│   │   ├── eslintrc            # 专为单元测试配置的eslint配置文件
│   │   ├── index.js            # 测试编译的入口文件
│   │   ├── jest.conf.js        # Jest的配置文件
│   │   └── karma.conf.js       # Karma的配置文件
│   │   └── setup.js            # 在Jest之前运行的启动文件;
│   └── e2e/                    # e2e 测试
│       ├── specs/              # test spec files
│       ├── custom-assertions/  # 自定义的断言
│       ├── runner.js           # test runner 脚本
│       └── nightwatch.conf.js  # test runner 的配置文件
├── .babelrc                    # babel 的配置文件
├── .editorconfig               # 编辑器的配置文件;可配置如缩进、空格、制表类似的参数;
├── .eslintrc.js                # eslint 的配置文件
├── .eslintignore               # eslint 的忽略规则
├── .gitignore                  # git的忽略配置文件
├── .postcssrc.js               # postcss 的配置文件
├── index.html                  # HTML模板
├── package.json                # npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
└── README.md

https://www.cnblogs.com/Jeely/p/11230786.html

vue的html都写在.vue文件里,css既可以写在vue文件里的标签里(写法同html),也可以写在一个单独的css文件里,再在.vue文件里引入改css文件。</p> <p>目录通常是这样的:</p> <p>-src<br> -pages<br> -homePagefolder<br> -homePage.vue<br> -style.css<br> 1. 其中src文件夹通常新建项目就会自动生成,之后你可以在src下面新建一个pages文件夹(用来装你项目里所有的页面)。<br> 2. pages中是一个一个页面的文件夹,homePageFolder里面可以放homePage页面的所有相关文件,比如homePage.vue和style.css<br> 3. 在homePage.vue中引入样式文件的方法之一:在<script>标签开头import &#39;./style.css&#39;</p>

如果vue和css在多处重复使用,最好独立出来,这样可以复用及便于分工。有些公司有专门美工负责写css,而有些人专门写控件供他人使用。有些源码管理器签出设置以独占方式签出,那么如果美工和编程人员要同时修改某个文件,而且都需要一段时间,这种情况就只能等一人完成签入后另一人才能做。假如css单独放在一个文件里面,那么美工只管改css,编程人员负责页面,互不影响,这样效率要高些。