Что такое VueJS? Каковы основные особенности VueJS? 6

41. Что такое vue router и их особенности?

Vue Router - это официальная библиотека маршрутизации для одностраничных приложений, разработанная для использования с фреймворком Vue.js.
Ниже приведены их особенности,
i. Вложенное сопоставление маршрута / представления
ii. Модульная конфигурация маршрутизатора на основе компонентов
iii. Параметры маршрута, запрос, подстановочные знаки
iv. Просмотр эффектов перехода на основе системы перехода Vue.js
v. Детальное управление навигацией
vi. Ссылки с автоматическими активными классами CSS
vii. Режим истории HTML5 или режим хеширования с автоматическим откатом в IE9
viii. Восстановить положение прокрутки при возврате в режим истории

42. Что нужно сделать, чтобы использовать маршрутизатор vue и привести пример?

Vue router легко интегрировать в приложение vue.
Давайте посмотрим на пример с пошаговой инструкцией.
Шаг 1. Настройте ссылку маршрутизатора и представление маршрутизатора в шаблоне

Welcome to Vue routing app!

`to` Он отображается как тег `` -->
Home
Services

Шаг 2. Импортируйте пакеты Vue и VueRouter, а затем примените маршрутизатор.

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter)

Шаг 3: Определите или импортируйте компоненты маршрута.

const Home = { template: '

Home

' }
const Services = { template: '

Services

' }

Шаг 4. Определите свой маршрут, где каждый из них сопоставляется с компонентом

const routes = [
{ path: '/home', component: Home },
{ path: '/services', component: Services }
]

Шаг 5. Создайте экземпляр маршрутизатора и передайте параметр маршрутов.

const router = new VueRouter({
routes // коротко `routes: routes`
})
Шаг 6: Создайте и смонтируйте корневой экземпляр.

const app = new Vue({

router
}).$mount('#app')

Теперь вы можете перемещаться по разным страницам (Home, Services) с помощью приложения Vue.