<small id='kfgdnJpsB'></small> <noframes id='3Ee1'>

  • <tfoot id='nvdGjEc'></tfoot>

      <legend id='51Ydm2'><style id='cep90jouaT'><dir id='sTfqIY'><q id='6AlQJZ'></q></dir></style></legend>
      <i id='NBPhHwLWi'><tr id='uL7N'><dt id='TmgY0r'><q id='Qekf9w'><span id='FtbswWLG'><b id='c41PA'><form id='m05rfjPR'><ins id='AjSV'></ins><ul id='Z7qpEniAS'></ul><sub id='7I4hSlL'></sub></form><legend id='CB5crJOiI'></legend><bdo id='AlgPTO5K9b'><pre id='BupT3mbOfn'><center id='heSc8LnIE'></center></pre></bdo></b><th id='jrIt'></th></span></q></dt></tr></i><div id='QaTmbME6Rn'><tfoot id='2pzHmn0'></tfoot><dl id='XzIV8qNB'><fieldset id='iChfT4n5Z'></fieldset></dl></div>

          <bdo id='2nW3'></bdo><ul id='Z2hLJNs'></ul>

          1. <li id='ZMdflQ'></li>
            登陆

            一号站登录网址-如何在Vue Router中应用中间件

            admin 2019-11-01 307人围观 ,发现0个评论

            中间件是咱们在软件开发中的一个陈旧而强壮的概念,当咱们在运用程序中运用路由相关形式时,它十分有用。

            假如您不太了解中间件的意义,Nodejs结构Express里的中间件能够帮助您了解它们的作业原理。

            可是,中间件仅适用于后端吗?

            不,当运一号站登录网址-如何在Vue Router中应用中间件用程序中有路由时,中间件在前端或后端中就会十分常见。比方现在盛行的单页运用程序。

            有一些示例能够阐明,何时能够运用中间件:

            • 不答应未登录用户拜访您的网页。
            • 仅答应某些类型的用户检查页面(人物:一号站登录网址-如何在Vue Router中应用中间件管理员,作者等)
            • 数据收集。
            • 重置设置或整理存储空间。
            • 约束拜访用户的年纪。

            还有一些......

            那么如安在Vue中运用中间件?

            感一号站登录网址-如何在Vue Router中应用中间件谢Vue Router,这将十分简略!由于这个插件完成梅州市天气预报了一个相似的概念,称为“导航护卫”。

            导航护卫真的很棒,让咱们在进入路由之前,更新之前和脱离之前,能够履行一些代码逻辑。

            还能够运用大局护卫。

            但有时咱们需求多个中间件用于同一路由,咱们能够用Vue Router Multiguard包解决问题。这答应咱们设置一系列护卫,如下所示:

            在上边示例中能够看到,经过Vue Router Multiguard,在路由装备中运用中间件很简单。让咱们再看一个简化的比如:

            首要,咱们界说一个模仿用户。然后假定您有一个服务,能够从大局state或其他地方取得当时用户的数据。

            现在,咱们能够用中间件创立咱们的“实在”示例:

            PS

            1. Vue Router还有组件内一号站登录网址-如何在Vue Router中应用中间件的护卫

            • beforeRouteEnter
            • beforeRouteUpdate (一号站登录网址-如何在Vue Router中应用中间件2.2 新增)
            • beforeRouteLeave

            其间beforeRouteEnter,很适合在进入页面之前去获取数据。

            2. 假如你阅读了文档,你会发现你能够将下一个路由传递给 next() 函数,例如重定向到 login - next('/login')


            相关文章:

            构建Vue一号站登录网址-如何在Vue Router中应用中间件.js组件的10个技巧

            怎么运用Vue.js烘托JSON中界说的动态组件

            Vue.js运用功能优化一

            Vue.js运用功能优化二

            Vue.js运用功能优化三

            请关注微信公众号
            微信二维码
            不容错过
            Powered By Z-BlogPHP