如何在MPA中导入vuejs组件依赖关系？

问题描述：

在单页面应用程序中，我可以这样做来在组件中包含组件。如何在MPA中导入vuejs组件依赖关系？

$ npm install sagalbot/vue-select 


<template> 
    <div id="myApp"> 
    <v-select :value.sync="selected" :options="options"></v-select> 
    </div> 
</template> 
<script> 
import vSelect from "vue-select" 
    export default { 
    components: {vSelect}, 

    data() { 
     return { 
    selected: null, 
    options: ['foo','bar','baz'] 
     } 
    } 
    } 
</script>

我该如何在MPA中做到这一点，我有一堆js文件或有时在不同的页面中嵌入JavaScript？我没有使用任何构建系统。

我必须缺少一些东西。你也是这样做的。你能提供你想要做的更多细节吗？ – skribe

在不支持es2015的情况下，上述语法不起作用。 –

所以你没有正确使用构建系统？只需在头文件中包含vue.js？ – skribe

答

我强烈建议使用vue-cli，但如果由于某种原因不可能，那么我相信，虽然我从未尝试过，但基本上需要将所有组件和代码添加到单个long js中文件，或者以正确的顺序将它们包含在您的html文档中。

某些组件库可以像这样工作，就像vuetify一样。您只需在vue.js之后包含整个vuetify.js文件，然后就可以使用所有可用的组件。

我认为做大量的任何工作都是相当多的工作，但是如果它非常小，您可以按照以下方式一个接一个地添加组件。

var componentTemplate = 
    ` 
     // Template code.. 
    `; 

Vue.component('my-cool-component', { 
    template: componentTemplate, 
    data: function() { 
      return { 
       // 
      } 
     } 
});

如何在MPA中导入vuejs组件依赖关系？

相关推荐