zj-Exercise/vue/vue_test/06_src_scoped样式/components/Student.vue

<template>
    <div class="demo">
        <h2>学生姓名：{{ name }}</h2>
        <h2>学生性别：{{ sex }}</h2>
    </div>
</template>

<script>
    export default {
        name:'Student',
        data() {
            return {
                name:'张三',
                sex:'男'
            }
        },
    }
</script>

<style scoped>
    .demo{
        background-color: orange;
    }
</style>