Hello大家好！我是Cathy海希。今天是我學習編程的第74天。

內容導讀

「Shape of Me」是為了我的身體 ?

「Daily Stoic」是為了我的心靈 ??♀?

「Coding Baby」是為了我的大腦 ?

Shape of Me

雨后天氣好涼爽！今天計步器久違地達到了10,000步以上?

Daily Stoic

?

Don't confuse education with intelligence. Most schools serve to educate us just enough to believe what we've been taught and not enough to think for ourselves.

?

學歷不代表聰明，因為大部分的學校不教我們如何真正為自己思考。

Learn how to educate yourself.

Coding Baby

今天讓我來總結一下如何做到點擊新增加的標簽就可以跳轉其編輯頁面。

基本步驟

• 添加路由，在path里用:xx(名稱)占位，再去寫相對應的組件；(f***調試大法亮了?)

• 在組件里進行數據獲取的設置

進入某個路由后，如果需要從服務器獲取數據的話，有兩種方式：1. 導航完成之后獲取 和 2. 導航完成之前獲取。我們現在用第1種方式來做。

?

導航完成之后獲取：先完成導航，然后在接下來的組件生命周期鉤子中獲取數據。在數據獲取期間顯示“加載中”之類的指示。

?

首先通過$route.params.id 獲得id，然后去看這個id在不在現有的數據里(這里的id是我們在第1步里面自定義的名稱)；

不在的話就通過 $router.replace('/404')，轉跳到404頁面。這里值得注意的是，為了防止用戶不能回退，我們用replace而不是push。

• 設置router-link

?

router-link組件支持用戶在具有路由功能的應用中 (點擊) 導航。通過 to 屬性指定目標地址。

?

這邊的標簽我們本來是用ol、li結構來做的，但是想要實現跳轉的目的，我們用router-link組件來改造一下(之前的ol改成div做wrapper就好。)。to跳轉至對應id頁面。

route&router的區別

• $route是用來獲取路由信息的；
• $router是路由器本身，做一些跳轉的操作。

// Home.vue
export default {
computed: {
username() {
// 我們很快就會看到 `params` 是什么
return this.$route.params.username
}
},
methods: {
goBack() {
window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
}
}
}

mindset

一開始學習Vue的時候我有點暈頭轉向: 一下子在這個組件里寫，一下子又跳到另一個組件里，但是漸漸地通過整理、回顧，便可以看清里面的邏輯關系了。根本沒有什么天大的難題，一切都是來源于生活，只要有常識，人人都可以學好?

總結

以上是生活随笔為你收集整理的no route to host什么意思_Day 74：Vue里的route和router的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。