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
53
54
55
56
57
58
59
60
61
62
63
| <!DOCTYPE html>
| <html lang="zh-CN">
|
| <head>
| <meta charset="UTF-8">
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| <include file="common:header" />
| <include file="common:title" />
| <include file="common:element-plus" />
| <link rel="stylesheet" href="/static/home/css/index/index.css?x=3">
| </head>
|
| <body>
| <div class="main-container" id="vue_item">
|
| </div>
|
| </body>
|
| <script>
| const App = {
| ///// 数据 /////
| data() {
| return {
| };
| },
|
| ///// 计算属性 /////
| computed: {
| },
|
| ///// App创建完成后执行 //////
| mounted() {
|
| },
|
| ///// App创建时候执行 /////
| created() {
|
| },
|
| ///// 方法 /////
| methods: {
| },
|
| ///// 销毁前 /////
| beforeDestroy() {
| if (this.interval) {
| clearInterval(this.interval);
| }
| }
| };
| const app = Vue.createApp(App);
| for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
| app.component(key, component)
| }
| app.use(ElementPlus, {
| locale: ElementPlusLocaleZhCn,
| });
| app.mount("#vue_item");
| </script>
|
| </html>
|
|
