Блог

я следую некоторым учебным пособиям по Vue и тестирую проекты, и моя простая ссылка (Давайте поиграем) не работает.ошибки компиляции нет. успешная компиляция. просто ссылка не работает, URL также не меняется. теперь я застрял. пожалуйста, помогите. извините, если мой английский плохой. это src/просмотры/Страница посадки.vue

 <template>
<div>
    <h1>Welcome </h1>
  
    ကြိုဆိုပါတယ် {{ user['first_name'] }} {{ user['last_name'] }} 
    <br>
     <router-link to="/choose-topic">Lets Play</router-link>
</div>
<router-view/>
</template>


<script>
 

Это main.js в src/main.js

 import LandingPage from './views/LandingPage.vue'
import { createApp } from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
import router from 'vue-router'


createApp(LandingPage).use(VueAxios, axios,router).mount('#app')
 

это src/router/index.js

 import {createRouter, createWebHistory} from 'vue-router'

import ChooseTopic from '../views/ChooseTopic.vue'

const routes = [

    
    {
        path: '/choose-topic',
        name: 'ChooseTopic',
        component: ChooseTopic
    }
]

const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes
})

export default router
 

хорошо, теперь у меня все получилось. шаги, которые я делаю, я создаю новый проект для автоматического включения маршрутизатора и понижения рейтинга, чтобы использовать Vue 2 вместо Vue 3.я должен включить <router-view/> это в приложение. vue