html单页使用vue

作者：不正经 | 2024-04-18 20:11:19

踩

html单页使用vue

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<title></title>

		<script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js" rel="stylesheet" type="text/javascript"></script>
		<link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.15.14/theme-chalk/index.css">
		<script src="https://cdn.bootcss.com/element-ui/2.15.14/index.js" rel="stylesheet" type="text/javascript">
		</script>
		<script src="https://cdn.bootcss.com/vuex/3.6.0/vuex.min.js" rel="stylesheet" type="text/javascript"></script>
		<script src="https://cdn.bootcss.com/axios/1.5.1/axios.min.js" rel="stylesheet" type="text/javascript">
		</script>
		<script src="https://cdn.bootcss.com/vue-router/3.0.3/vue-router.min.js" rel="stylesheet"
			type="text/javascript"></script>

		<style>
			* {
				box-sizing: border-box;
			}

			html,
			body {
				width: 100%;
			}

			#app {
				width: 100%;
				height: auto;
				background: #F1F4FD;
				position: relative;
			}

		</style>
	</head>
	<body>
		<div id="app">
		</div>
		<script>
			new Vue({
				el: '#app',
				data: {
				},
        mounted () {
        },
        methods: {
        },
			})
		</script>
	</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/447980