写vue和css的编程软件,.vue文件怎么写css样式

.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答疑栏目进行学习！