如何在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？我沒有使用任何構建系統。

來源

2017-10-08 R Simon

我必須缺少一些東西。你也是這樣做的。你能提供你想要做的更多細節嗎？ – 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 { 
       // 
      } 
     } 
});

來源

2017-10-08 13:38:55 skribe

如何在MPA中導入vuejs組件依賴關係？

回答

相關問題