vue组件中style的lang属性和scoped属性

<template>
    <div>
        <h1>这是account组件</h1>
        <router-link to="/account/child1">子组件1</router-link>
        <router-link to="/account/child2">子组件2</router-link>
        <router-view></router-view>
    </div>
</template>

<style lang="scss" scoped>
    //普通的style标签只支持普通的样式，如果想要启用scss或less,需要为style元素，设置lang属性
    //组件的style推荐使用scoped，即此组件及其子组件会应用此样式
    div {
        color: red;
    }
    
</style>