用vue写一个简单的页面
时间: 2023-10-21 10:05:43 浏览: 164
好的,下面是一个简单的Vue页面示例:
```
<template>
<div>
<h1>{{ title }}</h1>
<p>{{ message }}</p>
<button @click="changeMessage">Change Message</button>
</div>
</template>
<script>
export default {
data() {
return {
title: "Welcome to My Vue Page",
message: "Hello, World!"
};
},
methods: {
changeMessage() {
this.message = "Vue is Awesome!";
}
}
};
</script>
```
这个页面包括一个标题、一条消息和一个按钮。当点击按钮时,消息文本会改变。你可以把这段代码复制到一个Vue文件中并用Vue CLI或者其他工具来运行它。
阅读全文