国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

石頭理解的vue-router(一)

Sourcelink / 2967人閱讀

摘要:基礎安裝路由功能作用,使用定義組件與路由的映射。定義渲染組件的位置。作用定義注意動態路由的動態部分改變時原來的組件會被復用,這樣就不會觸發生命周期鉤子函數。嵌套路由命名視圖命名路由別名重定向將設置為組件屬性命名路由就是給路由起個名字。

vue-router 基礎 install

CDN

$route & $router

this.$route // 路由記錄
this.$router // 路由實例

動態路由

用處: 在使用“動態路由參數”時會用到動態路由。
作用:

定義: router file

{
    path: "/user/:id",
    component: "user"
}

注意: 動態路由的動態部分改變時原來的組件會被復用,這樣就不會觸發生命周期鉤子函數。若要觸發請使用watch $route或beforeRouteUpdate

使用: user file

this.$route.params.id
高級匹配模式

(待續)

優先級

越先定義優先級越高。

嵌套路由&命名視圖

router
{
    path: "/user",
    name: "name", // 命名路由
    component: user,
    alias: "/roler", // 別名
    redirect: { name: "foo" }, // 重定向
    props: true // 將 this.$route.params 設置為組件屬性
}
命名路由

就是給路由起個名字。方便使用。

user

this.$router.push({ name: "user", params: { userId: 123 }})
重定向、別名。 路由組件傳參

定義路由: router file

{
  path: "routeUser/:userId",
  // components: {
  //   default: eleThree,
  //   second: eleSecond
  // },
  // props: {
  //   default: true,
  //   second: true
  // },
  component: routeUser,
  children: [
    {
      path: "/",
      components: {
        default: routeSecond,
        second: routeThree
      },
      props: {
        default: dynamicDate,
        second: true
      }
    }
  ],
  props: true
}

function dynamicDate (route) {
  console.log(route)
  const now = new Date()
  return {
    date: now.getFullYear()
  }
}

定義組件: routeUser file

userId: {{userId}}

props: ["userId"]
1. 布爾模式 將 this.$route.params 設置為組件屬性
2. 對象模式 按原樣設置為組件屬性
3. 函數模式 方便做更多的操作
HTML5 History模式

(待續)

vue服務端渲染文檔

(待續)

2018.07.26 by stone

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96293.html

相關文章

  • 石頭理解set

    摘要:對對象進行遍歷操作。對象沒有提供訪問指定值的方法。所以石頭一般使用對象存放對象,然后檢查是否有某個值,使用數組取數據。返回是否刪除指定的對象。比如無法準確地取出指定的值。應該是做為一個數組對象的補充存在。 Set set類似數組。其成員的值都是唯一的。 數組去重 const set = new Set([1,2,3,2,4,2,3,4]) console.log(set) [......

    shinezejian 評論0 收藏0
  • Leetcode PHP題解--D64 292. Nim Game

    摘要:拿到最后一顆石頭的一方為剩方。現給定一個石頭數量,判斷你最終是否能取得勝利。對方全拿,對方贏。因此,必輸無疑。當剩下的石頭為的整數倍雙方都采取最優策略時,先下手的一方為輸家。因此這個題目就很簡單了,只要判斷給定的數字是否是的整數倍即可。 D64 292. Nim Game 題目鏈接 292. Nim Game 題目分析 假設你和朋友玩一個撿石頭的游戲,你和朋友輪流拿1~3顆石頭。拿到最...

    XGBCCC 評論0 收藏0
  • 每日題: 石頭 ----- 這里注重算法和效率

    摘要:比較無聊的一天,小明決定列舉了一大堆石頭。他先數了數石頭,發現堆里有幾塊石頭,然后到商店去買標簽。每一個標簽都是從到的數字,每一個石頭都應該分配一個唯一的數字,從到。所以我們要改進一下算法。 比較無聊的一天,小明決定列舉了一大堆石頭。他先數了數石頭,發現堆里有幾塊石頭,然后到商店去買標簽。每一個標簽都是從0到9的數字,每一個石頭都應該分配一個唯一的數字,從1到N。如果每個標簽的成本是1...

    tigerZH 評論0 收藏0
  • 每日題: 石頭 ----- 這里注重算法和效率

    摘要:比較無聊的一天,小明決定列舉了一大堆石頭。他先數了數石頭,發現堆里有幾塊石頭,然后到商店去買標簽。每一個標簽都是從到的數字,每一個石頭都應該分配一個唯一的數字,從到。所以我們要改進一下算法。 比較無聊的一天,小明決定列舉了一大堆石頭。他先數了數石頭,發現堆里有幾塊石頭,然后到商店去買標簽。每一個標簽都是從0到9的數字,每一個石頭都應該分配一個唯一的數字,從1到N。如果每個標簽的成本是1...

    wind3110991 評論0 收藏0
  • 每日題: 石頭 ----- 這里注重算法和效率

    摘要:比較無聊的一天,小明決定列舉了一大堆石頭。他先數了數石頭,發現堆里有幾塊石頭,然后到商店去買標簽。每一個標簽都是從到的數字,每一個石頭都應該分配一個唯一的數字,從到。所以我們要改進一下算法。 比較無聊的一天,小明決定列舉了一大堆石頭。他先數了數石頭,發現堆里有幾塊石頭,然后到商店去買標簽。每一個標簽都是從0到9的數字,每一個石頭都應該分配一個唯一的數字,從1到N。如果每個標簽的成本是1...

    frolc 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<