|
|
|
|
@ -0,0 +1,45 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
<link rel="stylesheet" href="lib/framework7/css/framework7.bundle.min.css">
|
|
|
|
|
<link rel="stylesheet" href="css/framework7-icons.css">
|
|
|
|
|
<link rel="stylesheet" href="css/app.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="app">
|
|
|
|
|
<p>
|
|
|
|
|
<router-link to="/">Go to Home</router-link>
|
|
|
|
|
<router-link to="/foo">Go to Foo</router-link>
|
|
|
|
|
<router-link to="/bar">Go to Bar</router-link>
|
|
|
|
|
</p>
|
|
|
|
|
<router-view></router-view>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="lib/jquery/jquery.min.js"></script>
|
|
|
|
|
<script src="lib/axios/axios.min.js"></script>
|
|
|
|
|
<script src="lib/framework7/js/framework7.bundle.min.js"></script>
|
|
|
|
|
<script src="lib/vue/vue.min.js"></script>
|
|
|
|
|
<script src="lib/framework7/js/framework7-vue.bundle.min.js"></script>
|
|
|
|
|
<script src="lib/vue-router/vue-router.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="test.home.js"></script>
|
|
|
|
|
<script type="text/javascript" src="test.c1.js"></script>
|
|
|
|
|
<script type="text/javascript" src="test.c2.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
const routes = [
|
|
|
|
|
{ path: '/', component: home },
|
|
|
|
|
{ path: '/foo', component: foo },
|
|
|
|
|
{ path: '/bar', component: bar }
|
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
const router = new VueRouter({
|
|
|
|
|
routes
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const app = new Vue({
|
|
|
|
|
router
|
|
|
|
|
}).$mount('#app')
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
