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