06. 尚硅谷_Mpvue_路由跳转

好，来咱们继续啊，那上一节课呢，我们是把这个button以及小圆点功能实现了，那这节课呢，我们来看下一个功能，下一个功能呢，就是我点击这个button走，它是会跳转到我们这个图书列表的页面，那首先要跳转一个页面，我们其他的先不管，咱是不是应该先准备一个页面，所以呢，来到我们的项目，我在page下面呢，再去建一个页面。OK，那建页面之前呢，我先给他一个文件夹，在这呢，我们就叫它index，相当于是我们的主页，好，那这个index呢，文件夹下再去创建一个叫index，不用组件来，我们先去标识一下啊index，嗯，组件内容，然后呢，对应的咱是不是还需要个mean GS啊，就是当前页面的入口文件，哎，之前呢，也给大家说过我们mean GS咱是这样设置的啊，就是每个页面的组件都叫index，哎，如果是这样设计的话，你会发现命GS再也不用写了，就是复制过来就OK。好整完这个以后，接下来我们要做什么呢？

这个时候大家千万别忘了，在map view里面，你新创建的页面，它是不会帮你自动的把页面的路径写入到我们的AP位，这杰森的pages，那这个时候呢，就需要我们手动的去写啊，手动的去写来复制一份，那在这儿呢，这个就叫index，那至于说后边为什么叫me呢？也给大家说过，因为我们这个时候写路径呢，是不能看S2C下面内容的，你得看打包以后，它到底给我们作用醇什么样，那通过Dis下边的内容，我们能看到它是不是都叫密呀，哎，都叫密，所以呢，我们让他去找哎文件夹下载密文件。OK，那写完这个以后再强调一个事情，我这呢去给大家保存一下啊，你看我们控制在这时候报了一个错呀，哎，他说根本找不到这个对应的微型ma文件，他上来是先会去找你的结构的，哎，为什么会这样呢？咱们昨天也说了啊，也说了来那这个。

Map有一个特点，你新创建的页面必须重新执行打包命令，去重新打包一次，它才会将你新创建的页面打包到里边。好，那这个时候重新启动了以后，我们再来看那个报错应该就没有了，哎，没有了，那接下来要做的是什么？点击这个button，是不是要跳转到in代词页面，二话不多说，我们应该是先给什么first view下面的button。绑定一个顶级事件艾特啊，Click，然后呢，To index，哎，建名之意，跳转到index页面，好，那对应的事件呢，我们应该定义在method里面来这呢写一个注释啊，跳转至inex页面，好，那涉及到页面的跳转了，而在小程序里边，它相当于是SPA应用，就单页面应用，一说到单页面应用，可能熟悉无用的同学立马想到什么，立马想到我们可以用呀。

哎，可以用UUR呀，其实大家再回你们回想一下，在我们当初创建这个map u的时候，我还故意提了一下，他当初是问我们用不用VIVO X啊，我说不用，因为啥状态数据不是太难，所以我们可以选择不用，但是他并没有问我们另外一个比较重要的东西就是view router啊，这是为什么呢？后来我自己也测了一下啊，也测了一下，就是说map对view router的支持度并不是很好，并不是很好，但是呢，换一个角度我们来思考一下啊，即使说它支持了。

我问下他，你们会用吗？啊，为什么这样问呢？啊，原生小程序里面我们都知道，它呢为我们提供了很多方便的API来来到API这一块，其中有一个就叫路由，那这些方法呢，我们拿过来是不是就能进行页面的跳转，那大家再想想，在v root里面，我们要用咱那先去干嘛啊下载不用root，然后呢去注册什么。呃，写生成路由器，注册路由，最后呢，通过什么root link啊，通过link去请路由链接去请求路由，对吧？哎，事情比较多啊，也比较麻烦，在这呢，我们是不会用不用root去跳转的，而是用小程序为我们提供的这些API，那我们之前这些其实都用过了，在这呢，我们先去用这个navigate to吧，跳转页面，OK，来到我们当前的这个方法里面，微信点navigate，在这里面呢，是需要整一个什么啊URL就跳转页面的路径，嗯，之前给大家强调过啊，在这呢，我们上来先挖里看，说这个路径是不是可以跟这个AV点接测里面这写的一样好写的一样，以后有什么问题呢？

嗯，可能有同学忘了，那来我们先来看啊，来到这儿看一点题跳转，这是不是报错了呀？哎，他说跳转失败，这个路径根本没有找到。为什么会出现这个问题呢？我们的本意什么？想让它从根路径下直接找pig，找index跳转啊，但是你这样写它默认是从当前的路径出发，也就是说相当于是什么是相对路径吧，啊这个时候在这儿千万别忘了前面加一个个路径，OK，那这个时候那我们再看一遍，走你。

诶是不是就可以跳转了，好，那这个跳转成功以后呢，那我们这节课先讲到这里。