1、vue每执行到一个组件就会在head标签下添加对应组件的script和style标签。
2、在js或vue文件中文件以import 'xx/xx/xx.js'方式引入,该引入的文件会按顺序执行。
3、在js或vue文件中文件以import obj from 'xx/xx/xx.js'方式引入,该引入的文件会按顺序执行。
obj作用域为当前文件模块。该引入的文件如果没有导出,则obj=={}
4、在js或vue文件中文件以import 'xx/xx/xx.css'方式引入,在head标签下会添加单独的style标签,
并在全局域下作用。
5、在vue文件中<style lang="scss" scope>标签下,文件以@import "xx/xx/xx.scss";方式引入,
会在当前scope域下作用。
scope域:只针对视图组件(视图组件:没有slot标签;普通组件:有slot标签)
<template>
<div data-v-div>
<div data-v-div></div>
<aaa data-v-aaa data-v-div>
<div data-v-div data-v-aaa></div>
<bbb data-v-bbb data-v-div data-v-aaa>
<div data-v-div data-v-bbb></div>
</bbb>
</aaa>
</div>
</template>
/deep/在<style lang="scss" scope>中报错,将/deep/换成::v-deep(vue-cli版本问题)。