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-vi
·
<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>
更多推荐
已为社区贡献4条内容
所有评论(0)