How does vue create a routing instance
This article mainly explains "how to create a routing instance in vue". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to create routing instances with vue".
The specific steps are as follows:
1. First, create a new html project and introduce vue and vue-router into the project
Import Vue from 'vue'
Import Router from 'vue-router'
After the introduction of 2.vue and vue-router, use the Vue.use method to register routes in the project
Vue.use (Router)
3. After the route is registered, define a route in the project
Export default new Router ({
Routes: [
{
Path:'/
Name: 'Home'
Component: Home
}
{
Path:'/ content'
Name: 'Content'
Component: Content
}
]
Mode: "history"
})
4. Finally, after the route is defined, you can use the new VueRouter method to create an instance for the route
Const router = new VueRouter ({routes})
New Vue ({
El:'# app'
Data: {
}
Methods: {
}
Router
})
At this point, I believe you have a deeper understanding of "how to create routing instances in vue". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!
