vue開発テクニック

mixinsマルチコンポーネント共通データとライフサイクル

//test.js
export default {
    data() {
        return {
            a: 1,
            b: 2
        };
    },
    mounted() {
    },
    methods: {
    }
}

import resize from './mixins/test';
export default {
    mixins: [test]
}

CSS scopedローカル貫通
vueはサードパーティ製コンポーネントを参照し、scopedプロパティを除去してコンポーネント間のスタイル汚染を起こさないように、コンポーネント内でサードパーティ製コンポーネントのスタイルをローカルに変更する必要があります.この場合は>>>>を通過してscopedを貫通するしかありません.
sassなどのプリプロセッサでは正しく解析できません>>>>>、/deep/オペレータ(>>>の別名)を使用できます.

<style scoped>
     >>>       {
        
  }
style>

<style lang="scss" scoped>
  /deep/       {
        
  }
style>