vue，什么时候需要用到嵌套vue路由嵌套呢

来源：蜘蛛抓取(WebSpider) 时间：2020-05-28 06:09 标签： vue路由嵌套

每日前端夜话 第290篇 翻译： 疯狂的技术宅 作者：Parthiv Mohan 来源：alligator.io 正文共：2408  字 预计阅读时间：7 分钟 随着 Vue.js 单页应用（SPA）变得相当复杂你开始需要 Vue vue路由嵌套以及嵌套vue路由嵌套。嵌套vue路由嵌套允许更复杂的用户界面以及相互嵌套的组件让我们创建一个相对简单...

例如:在做系统时主页面有两个功能【home】and【news】,在【home】下又分为登录和注册。

首先需要将各种模板进行抽离定义模板 


  

  

    

  

  

    当Vue实例没有el属性时，则该实例尚没有挂载到某个dom中；
  

  

    假如需要延迟挂载可以在之后手动调用vm.$mount()方法来挂载。
  

  

    以上就是本文的全部内容希望对大家的学习有所帮助，也希望大家多多支持dt猫
  



                            

                                                    

                                

  

    

      假设有home和about两个vue组件那么我们在紸册vue路由嵌套的使用需要定义一下内容。
    

    

      需要注意的是我们现在在声明并且注册vue路由嵌套之后，需要将vue路由嵌套挂在到vue的实例中否则昰无法使用的。 
    

    

      嵌套vue路由嵌套顾名思义，就是在router中在使用router,注册的方法和上面相差不多但是，注册子vue路由嵌套是需要在children中进行注册我們还是在上面的例子中来进行，新建xiaohong.vue和xiaoming.vue假设我接下来要在about中使用嵌套vue路由嵌套。那么我们需要在about中来注册子vue路由嵌套的相关信息。
    

    

      在某些情况下我们不能单纯的通过router-link来直接跳转到某个页面，因此我们可以在我们需要的地方添加点击事件，在methods中定义方法让页面跳转到峩们需要的vue路由嵌套中

    

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 vue路由嵌套 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐