javascript - Pourquoi mon lien de routeur dans Vue ne fonctionne-t-il pas?

Question

<template>
  <p id="app">
      <headers></headers>
          <p class="tap">
              
          <p class="tab-item">
          <router-link to="/goods">第一项</router-link>
        </p>
        <p class="tab-item">
          <router-link to="/ratings">第二项</router-link>
        </p>
        <p class="tab-item">
          <router-link to="/seller">第三项</router-link>
        </p>
        
        <router-view></router-view> 
      </p>
  </p>
</template>

<script>
import headers from './components/header/header';
    
export default {
    components:{
        headers
    },
  name: 'app',
};
</script>

C'est le contenu d'App.vue En fait, l'affichage de la page a été monté en tant que balise, mais cliquer n'a aucun effet, et il n'y a aucun effet de cliquer pour changer de composant

<template>
    <p id="goods">
        <p @:click="say()">
            ssssss
        </p>
    </p>
</template>

<script>
    export default{
        name:{
            'goods'
        },
        method:{
            say:{
                console.log('sayhi');
            }
        }
    }
</script>

C'est le code de l'un des routeurs. Les deux autres sont fondamentalement les mêmes. Veuillez me dire comment obtenir l'effet

.

Answer 1

1. Le chemin de routage est-il correct ?
2. La méthode est mal écrite, méthodes
3. La fonction say( ){} ou say : function(){} doit être écrite sous méthodes
4.@:click doit être écrite. @cliquez

Answer 2

0.0.00.00.