[nuxt] Links and Navigating Around : nuxt-link

index.vue

<!-- nuxt-link 를 사용하여 Navigate 와 Link 를 다룰 수 있음
to attribute : navigate 경로를 지정-->
<template>
  <section class="container">
    <nuxt-link to="/users">Users</nuxt-link>
  </section>
</template>

<script>
import Logo from '~/components/Logo.vue'

export default {
  components: {
    Logo
  }
}
</script>

users_index.vue

<template>
    <div>
        <input type="text" v-model="userId" />
        <button @click="onLoadUser">Load User</button>
    </div>
</template>

<script>
    export default {
        data(){
            return {
                userId: ''
            }
        },
        methods: {
            onLoadUser(){
                this.$router.push('/users/'+ this.userId);
            }
        }
    }
</script>