增加其他测试案例

2025-04-05 05:52:43 +08:00 · 2021-11-24 14:08:33 +08:00 · 2021-11-24 14:08:33 +08:00 · 83965c11dd
commit 83965c11dd
parent 5dec585d4e
2 changed files with 81 additions and 0 deletions
--- a/other/test.html
+++ b/other/test.html
@ -0,0 +1,59 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <script src="https://unpkg.com/vue@3"></script>
+    <script src="https://unpkg.com/vue-router@4"></script>
+    <script src="https://unpkg.com/http-vue-loader"></script>
+</head>
+
+<body>
+
+<div>
+    <h1>Hello App!</h1>
+    <div id="app">
+        <div>
+            <router-link to="/">Go to Home</router-link>
+        </div>
+        <div>
+            <router-link to="/about">Go to 1</router-link>
+        </div>
+        <div>
+            <router-link to="/4213412">Go to 2</router-link>
+        </div>
+        <div>
+            <router-link to="/fdasfa">Go to 3</router-link>
+        </div>
+        <router-view></router-view>
+    </div>
+    <script>
+
+        const router = VueRouter.createRouter({
+            routes: [],
+            history: VueRouter.createWebHashHistory(),
+        });
+
+        router.beforeEach(function (to, fr, next) {
+            console.log(fr.fullPath, '-- to -->', to.fullPath)
+            if (router.hasRoute(to.fullPath)) {
+                next();
+            } else {
+                router.addRoute({
+                    name: to.fullPath,
+                    path: to.fullPath,
+                    component: httpVueLoader('test.html.vue')
+                });
+                next({name: to.fullPath});
+            }
+        });
+
+        router.afterEach(function (to) {
+            if (router.hasRoute(to.fullPath)) {
+                router.removeRoute(to.fullPath)
+            }
+        });
+
+        Vue.createApp({}).use(router).mount('#app')
+    </script>
+</body>
+</html>
--- a/other/test.html.vue
+++ b/other/test.html.vue
@ -0,0 +1,22 @@
+<template>
+  <div class="hello">Hello {{ who }}</div>
+</template>
+
+<script>
+module.exports = {
+  data: function () {
+    return {
+      who: 'xxx'
+    }
+  },
+  created: function () {
+    console.log(234123)
+  }
+}
+</script>
+
+<style>
+.hello {
+  background-color: #ffe;
+}
+</style>