kratos微服務框架使用nacos作為服務註冊和服務發現中心
阿新 • • 發佈:2021-11-04
"生活在這個世界上的人, 有的是弱者,有的是強者; 有的要別人來設定目標,有的給別人設定目標; 有的需要感情支援生活,有的需要意志支援生活。 我大概在每一對概念中都會選擇做後一種人。"<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue路由巢狀 </title> <script src="../js/vue.js"></script> <script src="../js/vue-router_3.0.2.js"></script> </head> <body> <div id="app"> <router-link to="/user">User</router-link> <router-link to="/register">Register</router-link> <!-- 路由佔位符 --> <router-view></router-view> </div> <script> const User = { template: '<h1>User元件</h1>' } const Register = { template: `<div> <h1>Register 元件</h1> <hr/> <!-- 子路由連結 --> <router-link to='/register/tab1'>tab1</router-link> <router-link to="/register/tab2">tab2</router-link> <!-- 子路由的佔位符 --> <router-view></router-view> <div>` } const Tab1 = { template: '<h3>tab1 子元件</h3>' } const Tab2 = { template: '<h3>tab2 子元件</h3>' } //建立路由例項物件 const router = new VueRouter({ //所有路由的路由規則 routes: [ { path: '/', redirect: '/user' }, { path: '/user', component: User }, //children 陣列表示子路由規則 { path: '/register', component: Register, children: [ { path: '/register/tab1', component: Tab1 }, { path: '/register/tab2', component: Tab2 } ] } ] }); const vm = new Vue({ el: '#app', data: { }, //掛載路由例項物件 //router:router router }); </script> </body> </html>