javascript - Mengapa vue-router tidak boleh mencapai lompatan?
Saya cuba menggunakan vue-router dalam projek mengikut contoh dalam dokumen Laluan untuk memasuki halaman utama adalah test.administer/index Namun, mengikut konfigurasi routing, tidakkah ia harus melompat ke kandungan Log masuk komponen .vue selepas memasuki halaman utama? Mengikut konfigurasi berikut, selepas memasuki halaman utama, kandungan dalam App.vue dipaparkan. .
index.blade.php:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1</title>
<!--styles-->
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
<p id="app"></p>
<!--scripts-->
<script src="{{ asset('js/main.js') }}"></script>
</body>
</html>main.js:
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(VueRouter)
Vue.use(ElementUI)
Vue.use(VueResource)
import App from './App.vue'
import Home from'./components/Home.vue'
import Login from'./components/Login.vue'
const router = new VueRouter({
routes:[
{ path: '/index', component: Login,
children: [
{ path: 'homepage', component: Home}
]
}
]
})
new Vue(Vue.util.extend({ router },App)).$mount('#app')App.vue:
<template>
<p id="app">
<h1>hello world</h1>
<router-view></router-view>
</p>
</template>log masuk.vue:
<template>
<p>loginpage</p>
</template>
