<template>
<div id="box">
</div>
</template>
<script>
export default {
components: {
},
props: {},
data() {
return {
};
},
watch: {},
computed: {},
methods: {
},
created() {
},
mounted() {},
directives: {}
};
</script>
<style lang="scss" scoped>
#box /deep/ {
}
</style>
我们加个深度作用选择器/deep/就行了,因为我们在页面子组件中都使用了scoped,所以修改样式并不会影响到其他页面