How to configure routing for vue.js

Editor to share with you how to configure vue.js routing, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's learn about it!

How vue.js configures routing: 1. Install vue-router;2, reference vue-router;3, and configure route files, such as [var router = new VueRouter ({routes: [{path: "/ hello", component...].

The operating environment of this paper: windows10 system, vue.js 2.9, thinkpad T480 computer.

The steps for vue.js to configure routing are as follows:

Installation

Npm install-save vue-router

Quote

Import VueRouter from 'vue-router'

Configure routing Fil

Var router = new VueRouter ({routes: [{path: "/ hello", component:HelloWorld}, {path: "/ wen", component:HelloWen}]}) new Vue ({el:'# app', components: {App}, router, template:''})

Where the view is loaded

Added to the default App.vue file

Jump navigation

Helloword (rendered is a tag) above is all the content of this article "how to configure routing for vue.js". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!