zoukankan      html  css  js  c++  java
  • vue-关于引入和scope域

    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版本问题)。
    
  • 相关阅读:
    hsdis反汇编java源码工具的使用方法
    final添加内存屏障问题
    Spring-AOP
    Spring-IOC
    IO与NIO
    设计模式学习笔记
    Redis学习笔记
    MySQL优化
    STAR法则
    大文件分割之Linux
  • 原文地址:https://www.cnblogs.com/linding/p/14985533.html
Copyright © 2011-2022 走看看