Question

在单页面应用中，我可以这样做，在组件中包含一个组件。

$ 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？我没有使用任何构建系统。

Answer 1

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

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

我认为做任何大小的事情会做很多工作，但如果它真的很小，你可以按照以下方式一个接一个地添加组件。

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

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

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

1 个答案: