Phenquestions
Вуе.јс је реактивни јавасцрипт оквир који се користи за изградњу корисничког интерфејса (корисничког интерфејса) и СПА-а (апликације на једној страници), а програмери воле да кодирају и осећају слободу и удобност док развијају апликације у Вуе-у.јс. За потребе рутирања, Вуе.јс не нуди уграђену функцију рутирања. Али постоји званична библиотека независних произвођача са именом Вуе Роутер за пружање ове функције. Коришћењем ове функције можемо се кретати између веб страница, али без поновног учитавања. Дакле, у овом чланку ћемо видети како можемо да инсталирамо и користимо Вуе Роутер у Вуе-у.јс.
Инсталација
Вуе рутер можемо инсталирати у постојећи Вуе.јс пројекат извођењем следеће наредбе у терминалу
нпм инсталирати вуе-роутерНакон успешне инсталације, морамо да увозимо ВуеРоутер у главном.јс у директоријуму срц, користећи следећу синтаксу
увези Вуе из 'вуе'импорт роутер фром './ роутер '
Вуе.употреба (рутер)
Након увоза рутера, добро је да кренете и користите вуе-роутер у свом пројекту.
Али ако инсталирате Вуе.јс користећи Вуе ЦЛИ. Неће вам требати овај додатни корак инсталације. Можете додати додатак за вуе-роутер током избора унапред подешене поставке.
Употреба
Употреба вуе-роутера је врло једноставна и лака за употребу. Прво, у шаблону или ХТМЛ-у
У овом прилично једноставном и јасном примеру вуе-роутера. Направили смо једноставну навигацију користећи компоненте рутер-линк-а и пружамо везу користећи ослонац под називом 'то'. Линк рутера ради исто као сидро 'а' ознака. Заправо се приказује као ознака 'а'. У приказу рутера имаћемо релативну компоненту која одговара рути.
У јавасцрипту прво морамо да региструјемо и увеземо компоненте да бисмо дефинисали њихове руте. Претпостављамо да имамо компоненту која се зове Цомп.вуе у директоријуму погледа у који ћемо увести у индекс рутера.јс у директоријуму рутера и дефинишите је као руту.
Да бисмо увезли компоненту, користимо следећу изјаву
импорт Цомп из „… / виевс / Цомп.вуе ";Након увоза морамо сада дефинисати руту и мапирати је на компоненту. Овако,
цонст роутес = [путања: "/",
име: "Цомп",
компонента: Комп
];
Можемо дати и више рута, одвојене зарезом. Овако,
цонст роутес = [путања: "/",
име: "Цомп",
компонента: Комп
,
путања: "/ цомп2",
име: "Цомп2",
компонента: Цомп2
];
Након дефинисања рута. Проследи низ рута инстанцама рутера. Дакле, креирајмо и инстанцу рутера
цонст роутер = цреатеРоутер (роутес // скраћеница од 'роутес: роутес'
);
На крају, главно.јс датотеку. Морамо створити роот инстанцу и монтирати и њу и у њу убризгати руте тако да цела апликација постане свесна рута.
цреатеАпп (Апп).употреба (рутер)
.моунт ("# апп");
Коришћењем ове технике убризгавања. Користимо рутер у било којој компоненти ово.$ роутер.
Сада можемо програмски да гурамо руте једним кликом на дугме или било шта друго што желите, уместо да користимо компоненту рутер-линк. На пример,
методе:цлицкФунц ()
ово.$ роутер.пусх ('/ абоут')
Закључивање и резиме
У овом чланку смо научили да инсталирамо Вуе рутер на различите начине и научили смо да програмски користимо Вуе рутер у јавасцрипту и у Вуе.јс шаблон. Такође смо научили да Вуе Роутер поставимо у постојећи пројекат у врло једноставном и детаљном водичу, корак по корак. Ако желите да сазнате више о Вуе рутеру, посетите Вуе Роутер: Оффициал Доцс.
