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

<template>
    <div class="demo">
        <h2>学校名称：{{ name | mySlice }}</h2>
        <h2>学校地址：{{ address }}</h2>
    </div>
</template>

<script>
    export default {
        name:'School',
        data() {
            return {
                name:'尚硅谷atguigu',
                address:'北京'
            }
        },
    }
</script>

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