VTag: Use computed property for router link · gothinkster/vue-realworld-example-app

(5 則留言) (0 個反應) (0 位負責人)JavaScript (1,288 個分叉)batch import

difficulty:easygood first issuetype:enhancement

倉庫指標

星標: (4,037 顆星)
PR 合併指標: (30 天內沒有已合併 PR)

描述

<router-link
  :to="{ name: 'home-tag', params: { tag: name } }"
  :class="className"
>

Ideally, { name: 'home-tag', params: { tag: name } } should be a computed property and then used like:

<router-link
  :to="homeLink"
  :class="className"
>

Related resources:

https://vuejs.org/v2/guide/computed.html

貢獻者指南

研究方向: 定位 VTag 元件檔案（可能在 src/components/ 中）。識別目前使用內聯物件的 router link。建立一個名為 'homeLink' 的計算屬性，回傳路由物件 { name: 'home tag', params: { tag: name } }。在模板中用該計算屬性替換內聯物件。確保計算屬性對 'name' 的變化是響應式的。在本機測試以驗證導航仍正常運作。沒有 PR 或討論存在，因此沒有來自先前工作的額外上下文。
技術棧: vuejavascript
領域: frontend
議題類型: 重構
難度: 2
預計時間: 1 小時以內
活動狀態: 活躍
清晰度: 清晰
前置要求: Vue.jsGit
新手友善度: 80