использование router-link в одном компоненте файла

Question

Я застрял в маршрутизаторе в моем отдельном файловом компоненте, я пытаюсь включить другой компонент в один файловый компонент, как я назвал в качестве своего SFC третийtemplate.vue, и я включаю в него другой компонент, используя Vue.component («newTemplate»), {template: "…"}), как я показал пример в этом посте. Мне нужно использовать router-link в моем компоненте newTemplate, чтобы он вызывал шаблон компонента newTemplate.

<template>
  <div>
    <h4>hello this is from thirdTemplate</h4>
    <router-link to="/secondTemplate">Go to secondTemplate</router-link>
    <router-link to="/thirdTemplate">Go to thirdTemplate</router-link>
    <newtemplate></newtemplate>
  </div>
</template>
<script>
Vue.component("newtemplate", {
  template: "<template><div><button>hello</button></div></template>"
});

module.exports = {
  name: "thirdTemplate",
  methods: {},
  components: {}
};
</script>

Answer 1

Переместите этот код в main.js, где определен новый конструктор Vue

Vue.component("newtemplate", {
  template: "<template><div><button>hello</button></div></template>"
});

И настройте маршрутизатор для первого шаблона и второго шаблона