在Vue.js中,文件通常以.vue扩展名结尾,这种文件格式被称为单文件组件(Single File Components)。一个典型的.vue文件包含了三种类型的代码:HTML、JavaScript和CSS,它们分别在文件中被不同的区块包裹。
下面是一个简单的Vue单文件组件的例子:
{{ message }}
export default {
data() {
return {
message: 'Hello, Vue!'
}
}
}
#app {
text-align: center;
margin-top: 50px;
}
在这个例子中:
区块包含了组件的HTML结构。