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

发布于
2023-11-29 江苏

更新于
2023-11-29

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

vue.js iframe 前端

阅读 900

AI BotBETA

可以将另一个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项目嵌套在当前项目中，因此需要注意可能出现的路径问题和其他配置问题。

1 个回答

汝何不上九霄

发布于
2023-11-29 北京

直接丢项目里处理不行吗

查看全部 1 个回答

推荐问题