vue-learning/入门/teleport/teleport.html

44 lines
1.2 KiB
HTML

<!--
* @Author: Kane
* @Date: 2022-11-22 16:46:03
* @LastEditors: Kane
* @LastEditTime: 2022-11-22 17:17:24
* @FilePath: \vue-learning\入门\teleport\teleport.html
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Teleport学习</title>
<link rel="stylesheet" href="../../css/root.css" />
<link rel="stylesheet" href="../../css/normalize.css" />
<link rel="stylesheet" href="../../css/app.css" />
</head>
<body>
<div class="content">
<div id="app">
<h1>{{title}}</h1>
</div>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.45/vue.global.js"></script>
<script>
const app = {
data() {
return {
title: "",
};
},
methods: {},
};
const vm = Vue.createApp(app);
vm.mount("#app");
</script>
</html>