1.--save -dev
- --save:将保存配置信息到pacjage.json。默认为dependencies节点中。
- --dev:将保存配置信息devDependencies节点中。
因此:
**--save:**将保存配置信息到pacjage.json的dependencies节点中。
**--save-dev:**将保存配置信息到pacjage.json的devDependencies节点中。
dependencies:运行时的依赖,发布后,即生产环境下还需要用的模块
devDependencies:开发时的依赖。里面的模块是开发时用的,发布时用不到它。
2.scoped
swiper轮播小圆圈样式改不了,去掉scoped就可以了
添加了scoped属性的组件,为了达到组件样式模块化,做了两个处理来私有化样式:
- 给HTML的DOM节点加一个不重复data属性(形如:data-v-2311c06a)来表示他的唯一性
- 在每句css选择器的末尾(编译后的生成的css语句)加一个当前组件的data属性选择器(如[data-v-2311c06a])
- 如果组件内部包含有其他组件,只会给其他组件的最外层标签加上当前组件的data属性
css样式有优先级的说法,scoped的这一操作,虽然达到了组件样式模块化的目的,但是会造成一种后果————每个样式的权重加重了。理论上我们要去修改这个样式,需要更高的权重去覆盖这个样式。
scope只是vue在组件生成的时候给每个元素添加了随时的属性。但是swiper是后面vue渲染之后生成的。所以没有scope带来的随机属性,所以修改不了