Vue CLI是一個官方提供的基于Vue.js進行快速開發的完整系統，它提供了一系列工具和插件來幫助開發人員搭建基本的Vue項目。Vue CLI中包括了多個依賴，其中包括webpack、babel等等，因此可以輕松生成一個基于Vue.js的項目。

在Vue CLI中，導航是一個非常常見的需求，然而如何更好地實現一個可靠的導航呢？

// src/router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>import(/* webpackChunkName: "about" */ '../views/About.vue')
}
]
const router = new VueRouter({
routes
})
export default router

上面是一個基本的路由文件代碼示例，我們可以看到使用Vue-Router插件創建了一個VueRouter實例，聲明了兩個路由：/和/about，分別代表主頁和關于頁面。其中，使用了懶加載的方式引入了關于頁面的組件。

這樣一來，在Vue項目中，當用戶點擊導航欄上的關于，那么關于頁面會被異步加載到頁面中，提高了網站的性能、并減小了頁面加載時間。

同時，如果需要在兩個頁面之間傳遞數據，可以使用路由參數或者query參數（或者使用Vuex實現數據共享），Vue-Router提供了方便易用的API，可以輕松實現。

總之，在Vue CLI中，使用Vue-Router搭建一個可靠的導航系統是非常重要、且易于實現的。通過這種方式，可以大大提高網站的用戶體驗，促進網站的發展。