一路繁花似锦绣前程
失败的越多,成功才越有价值

导航

 
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版本问题)。
posted on 2021-07-08 12:13  一路繁花似锦绣前程  阅读(284)  评论(0编辑  收藏  举报