前端 - vue项目不使用iframe的情况下，将另一个vue的dist包引入到当前项目中？

Question

vue项目不使用iframe的情况下，将另一个vue的dist包引入到当前项目中

Answer 1

直接丢项目里处理不行吗

Answer 2

可以将另一个Vue的dist包直接复制到当前项目的public或static目录中，然后在当前项目的Vue组件中引入。

例如，将另一个Vue的dist包复制到当前项目的public目录中，然后在需要使用的Vue组件中引入：

<template>  <div>    <h1>{{ message }}</h1>    <iframe src="/another-vue-dist/index.html"></iframe>  </div></template><script>import anotherComponent from './another-vue-dist/components/anotherComponent.vue'export default {  components: {    anotherComponent  },  data () {    return {      message: 'This is a Vue component'    }  }}</script>

注意，这种方式将另一个Vue的dist包引入到当前项目中，实际上是将整个Vue项目嵌套在当前项目中，因此需要注意可能出现的路径问题和其他配置问题。