2024年06月20日 建站教程
在Vue.js中，我们可以使用。vue文件来定义单文件组件。单个文件组件由三部分组成：template组件模板、script组件逻辑、style组件样式。
具体代码如下：
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<button @click="btn">按钮</button>
</div>
</template>
<script>
export default {
data() {
return {
msg: "Hello!"
}
},
methods: {
btn() {
alert("Hi!")
}
}
}
</script>
<style scoped>
.hello h1 {
color: blue;
}
</style>
本文链接：http://so.lmcjl.com/news/6908/