Cet article présente principalement en détail l'utilisation de base du routeur vue-cli. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer. J'espère qu'il pourra aider tout le monde.
1. Créez un nouveau répertoire de routeur dans le répertoire src, puis créez index.js
import Vue from 'vue'; import VueRouter from 'vue-router'; import goods from '@/components/goods/goods'; Vue.use(VueRouter); export default new VueRouter({ routes: [ { path: '/', redirect: {name: 'goods'} } });
Le @ dans le code est dans le webpack. .base.conf. Le but de la modification de la configuration dans js est qu'il est trop compliqué d'écrire des chemins relatifs à chaque fois qu'un fichier tel qu'un composant est introduit. Utilisez simplement @ à la place. >
resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } }
import router from './router'; /* eslint-disable no-new */ new Vue({ el: '#app', router, template: '<App/>', components: { App } });
<template> <p id="app"> <p class="tab"> <router-link to="/goods" >商品</router-link> </p> <router-view></router-view> </p> </template>
Recommandations associées :
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!