Vue.js 在单文件组件中使用路由器链接

我被困在单文件组件中的路由器中，我试图在单文件组件中包含另一个组件，就像我将thirdtemplate.vue命名为我的SFC一样，我使用vue.component在其中包含另一个组件（“newTemplate”，{template:“…”}）正如我在本文中向下展示的示例，我需要在newTemplate组件中使用router链接，以便它调用组件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>

你好，我是第三公司的
转到第二个模板
去第三个职位
Vue.组件（“新模板”{
模板：“你好”
});
module.exports={
名称：“第三个模板”，
方法：{}，
组件：{}
};

将此代码移动到main.js，其中定义了新的Vue构造函数

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

Vue.component（“newtemplate”{
模板：“你好”
});

---

并为第一个模板和第二个模板配置路由器

将此代码移动到main.js，其中定义了新的Vue构造函数

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

Vue.component（“newtemplate”{
模板：“你好”
});

---

并为第一个模板和第二个模板配置路由器作为一名程序员，我在想为什么要为每个组件创建多个.Vue文件为什么不在单个文件中包含所有必需的组件。示例：-如果我想创建一个产品表，其中包含产品列表、产品详细信息、添加产品、，编辑产品。为什么我不能在一个文件中包含我的所有组件如果我在main.js中包含所有组件，该文件将持续很长时间，如果我创建另一个文件。vue它将放大我的项目。请告诉我是否我在某个地方错了，因为我是vue@chansIn vue.js的新手。组件只是模板，或者你可以将其称为容器，您可以在其中为特定视图（UI）编写所有HTML css JavaScript，在每个.vue文件中都有一个单独的组件是一种干净的方法，只在main.js中注册主组件，并在任何使用的.vue文件中注册子组件在vue@Ajharali中定义组件有7种方法您尝试过多个组件文件吗？作为一名程序员，我在想为什么要创建多个.vue文件对于每个组件，为什么不在一个文件中包含所有必需的组件。例如：-如果我想制作一个产品表，其中包含产品列表、产品详细信息、添加产品、编辑产品等组件。为什么我不能在一个文件中包含我的所有组件如果我在main.js中包含所有组件，该文件将运行很长时间，如果我制作另一个文件.vue，它将使我的项目更大。请告诉我，我是vue@chansIn vue.js新手，因此我是否在某个地方错了。vue.js组件只不过是模板，或者您可以将其称为容器，您可以在其中为特定视图（UI）编写所有HTML css JavaScript，在每个.vue文件中使用单独的组件是一种干净的方法，只在main.js中注册主组件，在任何使用的.vue文件中注册子组件在vue@Ajharali中定义组件有7种方法您尝试过使用多个组件文件吗？