如何将组件注入vuejs中的另一个组件

2 回答

• 0

  为什么不创建一个包含所需组件导入的文件？假设它们分组在 homepage 之下，或者你只有一个保存导入的 homepage.js 文件：

  import Component from '@/components/homeButton.vue';
  // Etc.
  
  export default {
      Component
      // Etc.
  }
  

  只要您需要这组组件，就可以导入此文件 . 并使用像这样的扩展运算符在组件中使用它：

  import homepage from 'somedir/homepage';
  
  components: {
      ...homepage
  },
  

  回复于 2024-04-20T08:21:39+08:00
• 0

  Vue.component（'component-tag-name'，{// options}）;

  如果您正在使用构建过程并分离.vue文件

  import MyComp from './path-to-your-component'
  
  Vue.component('component-tag-name', MyComp);
  

  现在，您可以在任何其他组件内使用该组件，而无需在本地注册它

  <component-tag-nam></component-tag-name>
  

  回答第二个问题

  我们以 axios 为例

  在 Vue 对象的原型上设置axios，如下所示：

  Vue.prototype.$axios = axios;
  

  现在你可以使用 this.$axios 在任何组件中使用axios

  创建钩子中的示例：

  created(){
      this.$axios.get('url').then((res) => {
          //response
      });
  }
  

  回复于 2024-04-20T08:21:39+08:00