1.作用：让样式在本组件中生效，不影响其他组件。
2.原理：给节点新增自定义属性，然后css根据属性选择器添加样式
<template>
<div class="home">
<h1>首页</h1>
</div>
</template>
<script>
export default {
name: "Home",
};
</script>
<style scoped>
h1{
background: red;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div[data-v-xxxx]{
background: red;
}
</style>
</head>
<body>
<div data-v-xxxx>11111</div>
<div >222222</div>
</body>
</html>
518
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
