Maison > interface Web > Voir.js > Quelle commande vue utilise-t-elle pour installer le routage ?

Quelle commande vue utilise-t-elle pour installer le routage ?

WBOY
Libérer: 2022-03-24 15:54:52
original
5800 Les gens l'ont consulté

Dans vue, installez la route via la commande "npm install vue-router --save" ; npm est un outil de gestion de packages, la commande "npm install" installera le package spécifié dans le répertoire spécifié, le "vue-router " route Il s'agit de déterminer le chemin du paquet de données de la source à la destination.

Quelle commande vue utilise-t-elle pour installer le routage ?

L'environnement d'exploitation de cet article : système Windows 10, Vue version 2.9.6, ordinateur DELL G3.

Quelle commande vue utilise-t-elle pour installer le routage ?

Étapes d'installation de l'utilisation du routage

Première étape : Installer vue-router

npm install vue-router --save
Copier après la connexion

Étape deux : Utilisez-le dans des projets modulaires (car il s'agit d'un plug-in, vous pouvez donc utiliser Vue .use0 pour installer la fonction de routage)

Étape 1 : Importez l'objet de routage dans le fichier index.js dans le répertoire du routeur et appelez

import Router from 'vue-router'  
Vue.use(VueRouter)
Copier après la connexion

Étape 2 : Créez une instance de routage et exportez la route. , utilisez des routeurs pour définir les informations de configuration de routage

export default new Router({  //创建路由对象
  routes: [{
     path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }  ]})
Copier après la connexion

Étape 3 : Importer le routage dans l'instance Vue et monter l'instance de routage créée

import router from './router' //导入路由
new Vue({
  el: '#app',
  router,//挂载路由
})
Copier après la connexion

La différence entre l'utilisation ou non du routage

Quelle commande vue utilise-t-elle pour installer le routage ?

【Recommandation associée : "vue.js tutoriel"】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
vue
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal