Initial commit
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MeshRay 调试页面</title>
|
||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<h1>Vue 测试页面</h1>
|
||||
<p>测试消息:{{ testMessage }}</p>
|
||||
<p>当前时间:{{ currentTime }}</p>
|
||||
<button @click="updateTime">更新时间</button>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const { createApp, ref } = Vue;
|
||||
|
||||
createApp({
|
||||
setup() {
|
||||
const testMessage = ref('Vue 工作正常!');
|
||||
const currentTime = ref(new Date().toLocaleString());
|
||||
|
||||
const updateTime = () => {
|
||||
currentTime.value = new Date().toLocaleString();
|
||||
alert('时间已更新!');
|
||||
};
|
||||
|
||||
return {
|
||||
testMessage,
|
||||
currentTime,
|
||||
updateTime
|
||||
};
|
||||
}
|
||||
}).mount('#app');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user