1. 程式人生 > >VUE2.0 二級多區域路由配置例項

VUE2.0 二級多區域路由配置例項

下面就是我想要做的頁面:


我想要的效果是點選‘首頁’,1和2區域分別顯示預設的一些東西;

點選‘編輯’,‘登入’顯示別的元件;

下面就是我的工程目錄:


我用home.vue做主頁:


我在這裡定義了兩個router-view 分別name是lef和rig;

下面就是我的路由表:


最後看下展示效果:

首頁-


發表-


登入-


有其他問題歡迎留言,謝謝。

相關推薦

VUE2.0 二級區域路由配置例項

下面就是我想要做的頁面:我想要的效果是點選‘首頁’,1和2區域分別顯示預設的一些東西;點選‘編輯’,‘登入’顯示別的元件;下面就是我的工程目錄:我用home.vue做主頁:我在這裡定義了兩個router-view 分別name是lef和rig;下面就是我的路由表:最後看下展示

Vue2.0--14.小白入門教程--例項個vue物件,可初始化操作幾種方法

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>VueJS Tutorials</title> <link href="styles.c

HCNA區域OSPF配置

區域 area and ren cipher mode int outer 各路 1、拓撲圖 2、各路由器配置角本 ospf 多區域配置 #R5配置 sys sysname AR5 interface s2/0/0 ip add 10.0.35.5 255.255

Vue2.0筆記——vue-router路由

Vue簡介 使用Vue.js開發SPA(Single Page Application)單頁面應用。vue-router可以通過html5的history API或者hash實現單頁應用,即不刷新跳轉,切換地址,只是頁面上的組件的切換;vue-router可以實現頁面間傳參等其他功能; 基本用法 當你要把 v

華為交換之間靜態路由配置例項

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

vue2.0頁面的開發

-----------------------------------------------------------------------------------------------------------------寫在最前面:這段分割線的內容是2018年4月3日寫

vue2.0 transition 個元素巢狀使用過渡

在做vue的demo的時候遇到一個問題,多個巢狀的元素如何設定transition? 我的程式碼: <div id='demo'> <button @click="show = !show">按鈕</butt

Log4J的配置個logger配置例項

log4j.rootLogger=DEBUG, stdout, D, InfoAppender, E #log4j.rootCategory=ERROR log4j.logger.fileLog= INFO,customAppender #INFO cannot be removed log4j.add

華為路由器BGP路由配置例項

session 1 BGP        bgp邊界閘道器協議,用於AS與AS之間的路由協議,bgp本身只負責控制路由,資料轉發依然靠靜態和IGP路由。        bgp分為同一個AS內的ibgp

vue2.0專案記住密碼和使用者名稱例項

小的今天突來興致,試了一下將使用者名稱和密碼存在cookie和localStorage裡如何實現;從程式碼難易程度來講,果斷選擇了將使用者名稱和密碼存在localStorage裡面。當然菜鳥上這麼說的,樓下。也許我不是一個好的程式設計師,不說廢話了,直接上程式碼了:<t

OSPF區域基本配置

目錄 實驗拓撲 實驗步驟及配置 ip配置 RA # sysname RA # interface GigabitEthernet0/0/0 ip address 1

vue2.0學習筆記之webpack-simple模板中的路由簡單配置案例

nbsp 主頁 default code vue 兩個文件 new ebp 命名 以下是完成後的目錄結構 案例基礎是已經用 webpack+vue-cli 創建了一個名為 vue_router的工程 , 並安裝了vue-rout

OSPF 單區域區域配置 時間引數 DR/BDR 選舉 重分佈路由與認證演示

OSPF 單區域、多區域配置時間引數 DR/BDR 選舉 重分佈路由與認證演示 掌握目標 一基本配置: 二、OSPF 單區域配置 三、修改 OSPF Hello 和 Dead 時間 四、OSPF 重分佈預設路由 五、OSPF DR/BDR 選舉 六、配置 OSPF 多區域 七、OSPF 直連

vue2.0路由配置和跳轉 vue-router: 巢狀路由

路由跳轉 <li class="nav_li" v-link="{ path: '/home/reg'}"></li> <router-link to="/home/reg">註冊</router-link> this.

Vue2.0 探索之路——vue-router入門教程和總結 二級路由

https://blog.csdn.net/sinat_17775997/article/details/77823455https://www.cnblogs.com/songdongdong/p/7121014.html前言這是關於vue的第三篇博文。https://se

OSPF路由協議的區域原理及配置

ase con 接收 pro 技術分享 extern 重要 route 直接 OSPF區域的容量:劃分多區域後,每個OSPF區域中的容量所支持的路由器數量範圍是30~200。但是在一個區域內實際加入的路由器數量要小於單個區域所能容納路由器的最大數量,這是因為還有更重要的因素

OSPF路由協議之區域配置

註入 交換 show 內鏈 就會 network 正是 時間 描述 在大型網絡中,使用OSPF路由協議時經常會遇到以下問題:1、在大型網絡環境中,網絡結構的變化是時常發生的,因此OSPF路由器就會經常運行SPF算法來重新計算路由信息,大量消耗路由器的CPU和內存資源。2、在

關於asp.netCore3.0區域路由配置

 在ASP.NET Core 3.0中路由配置和2.0不一樣了 一、MVC 服務註冊 ASP.NET Core 3.0 添加了用於註冊內部的 MVC 方案的新選項Startup.ConfigureServices。三個新的頂級擴充套件方法與 MVC 方案上IServiceCollection可用

vue2.0配置 https://github.com/wike933/vuebook

random 新項目 靜態資源 name project 環境配置 定義 詳細 目錄 前言: 學習VUE幾個月,看了很多例子和資料,vue雖然中文文檔比較多,但是都是一些零散的教程,我這裏打算寫一本完整的VUE2.0的開發教程(因為時間有限,每天更新一小塊,希望大家支持)

tomcat之 Tomcat 7.0.78 單機實例配置

chmod repl 4.2 其它 產品 export net 文件夾 .net 前言:JDK(Java Development Kit)是Sun Microsystems針對Java開發員的產品。自從Java推出以來,JDK已經成為使用最廣泛的java SDK. JDK是