Three Vue-Router methods for jumping between components

This article mainly introduces the three methods of Vue-Router to implement jumps between components. It has certain reference value. Interested friends can refer to it. I hope it can help everyone.

Provides 3 ways to jump:

① Directly modify the routing address in the address bar

        
  
 
{{msg}}
   
   

② Jump through router-link

注册

         
         
         

          

           
          
         
         

          

           
          
         
{{msg}}
         
         

③Through js programming

jumpToLogin: function () { this.$router.push('/myLogin'); }

Code

         
         
         

          

           
          
         
         

          

           
          
         
{{msg}}
         
         

Related recommendations:

Detailed explanation of vue-router routing and navigation between pages

Detailed explanation of the solution to the problem of vue-router routing parameter refresh and disappearance

Vue-Router implementation page is loading special effect method examples

The above is the detailed content of Three Vue-Router methods for jumping between components. For more information, please follow other related articles on the PHP Chinese website!