day11/上午/218-尚硅谷-尚融宝-动态路由

好，刚才说到了一件事情，就是啊，我们如果有这样的一个页面，既有这样的一个页面啊，又有这样的一个页面，咱们怎么做，我们说呢，叫嵌套路由啊，在讲这个最为复杂的嵌套路由之前呢，我在穿插一个稍微简单一点的叫动态路由的一个概念，什么叫动态路由呢？大家看在刚才咱们的这个投资产品列表里面，有两个产品，一个是产品一，一个是产品二，产品一呢，它连的是这个页面。啊，产品二呢，它连的是这个页面，是不是意味着我们要在LA的这个目录下分别创建一个叫做1.view的页面，再创建一个2.6的页面，那这个肯定是不可以的，或者说肯定我们不能够采用这种方案的，为什么？因为大家都知道未来我们的产品肯定有很多，不能说你有一个产品你就创建一个一点，再有一个产品你就创建一个2.0，那而且未来我们这个这个肯定是产品的ID了，产品的ID呢，咱们都不可能事先知道，对吧，它是我们加入产品的时候，动态生成的ID都是，所以呢，我们就必须在让这个地方呢，变成动态的值啊，变成动态的值，那么怎么样才能完成一个动态路由创建呢？就是在创建一个页面的时候呢，我们让它有一个下划线，凡是带下划线的页面啊，前缀的页面，那么nu的系统呢，就自动的把这个页面解析为动态页面，用动态路由来访问ID，就是动态路由的。

关键字当然了，你也可以叫别的，比如说叫lid啊，用用用户的话叫user ID都可以，总之你前面带下发线就行，后面叫什么都无所谓啊，我们比如说就叫ID。好，那这个呢，就是一个动态页面了，那这个动态页面当中呢，我们建一些内容，比如说呢，我们建议还是写一个template template里面呢，我们写一个div啊，Div里面呢，我们写一个产品。

这个产品。是这个投资哈，投资产品是是什么呢？我们把ID写在这，ID怎么去获取呢？那我们要看这个文件的名字了，这个文件的名字如果叫下划线ID的话，那么ID呢，就通过ID关键字获取，这个文件的名字如果叫下划线，比如说叫VID，那么就通过VID关键字获取，也就是说我们这面到底怎么去获取这个ID呢？取决于这个文件的名字是什么，那么文件的名字如果是ID，我们在这个地方呢，就可以写一个死RI啊，大家看一下在这个页面当中，我们能够在哪个地方呢？能够拿到这个ID哈，你看我访问这个ID为二的这个产品，好，他是不是访问到这个，这个投资产品是，是不是访问到这个页面了，这个意思吧，啊，这个投资是，然后我要访问ID为一的这个商品。

是不是仍然访问的是这个页面呀，好，那也就是说啊，它访问的就是我们的这个动态的页面，但是在动态的页面当中，我们如何拿到一或者是二呢？这个时候呢，我们借助于调试工具f12.view。然后呢，我们来看一下我们na里面的这个pages land_ID这个页面，这个页面里面呢，有一个自动注入进来的一个信息，叫做Dollar root Dollar root里面呢有一个pass pass里面呢，实际上会动态的展示咱们的这个ID信息，但是还有一个地方呢，咱们可以直接展开看一看，Parameters它呢，会根据我们的这个动态路由的这么一个配置啊，自动的把你页面的名字取出来，那页面叫什么叫下划线ID view对吧？所以呢，它的parameter呢就叫ID啊，就叫ID，那假然后ID的值呢就是一，那假如说这个地方呢，你写二。

大家看这面呢，就叫做ID等于二是不是啊，那假设说你这面不叫ID啊，比如说叫啊VD。VD啊，然后呢，我们再来看一下，刷新一下，好大家看这面是不是这个就叫VD了啊，所以说它是根据你的页面的命名规则来自动的去生成这样的一个啊路由参数的，那么路由参数呢，就叫VD，所以呢，通过这种方式我们就可以取出我们路由当中的参数了。我把它改回来啊，那怎么取呢？在这个位置create啊，页面一加载的时候，我们呢，可以获取到this.dollar r，然后点per ms.ID啊就是刚才这款。

Root对吧？PA Ms ID对吧，就可以把它拿到，那它拿到之后怎么办呢？我们可以定义一个data，然后在这面呢，我们定义一个ID啊，默认情况下呢，它没有值，然后呢，一到页面这个加载进来之后，就可以从路由当中拿这个值了，所以呢，这块我们就可以对点ID，等于它这样的话呢，这个ID呢就可附上值了。你们看一下正面我们呢，除了有root之外啊，还有一个ID，这个ID呢，就是我们动态的值，比如说ID现在等于200的时候。好，它就会自动的被付为200，是不是这样的话就很方便的，那如果你在这个当前的这个页面当中能拿到这个ID，那么我们进一步根据这个ID去向后台发起阿贾克斯请求，获取数据就变得容易的多了，所以在这边呢，我们依然可以做一个数据渲染，对吧？啊。

可以把它渲染到页面当中啊，这些都是可以的啊，所以这边就说99就就99好，大家看这个ID也都已拿到了，所以这样的话呢，就完成了我们的一个动态。路由的这样的一个实现。