.vue文件写css样式的方法：1、在.vue文件中的style标签中，直接编写css样式；2、在.vue文件中的style标签中，使用@import引入外部css样式文件。
.vue文件怎么写css样式
.vue文件由结构——行为——样式三部分构成，分别对应template、script、style标签，css样式就写在style标签中。
一、直接在Test.vue中写css样式
这是标题
export default {
name: “test”
}
h1{
color: red;
}
二、在style标签中使用@import引入外部样式
…
export default {
name: “test”
}
@import “style.css”;
文件组织形式如下：
更多Vue.js相关技术文章，请访问Vue.js答疑栏目进行学习！