Vue2基础篇-26-scoped属性

1. 简介

1. 作用：让样式在局部生效，防止冲突。
2. 写法：<style scoped>

2.demo

<template>
  <div>
    <h2 class="demo">{{ name }}</h2>
    <h2>{{ sex }}</h2>
  </div>
</template>
<script>
export default {
  name: "School",
  data() {
    return {
      name: "张三",
      sex: "男",
    };
  },
};
</script>
<style scoped>
  .demo{
    background-color: orange;
  }
</style>