我认为你提出的解决方案工作得很好。我为一个现有的Django项目做了这个，到目前为止没有重大的冲突。
1.告诉vue您在vue.config.js中使用修改过的路径，例如，如果您将其导出到静态文件夹/static/vue/dist/。

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
    publicPath: '/static/vue/dist/', 
    outputDir: '../django-project/static/vue/',
})

1.通过在现有页面模板的头部导入dist文件，在现有页面中复制vue index.html。

<script defer src="/static/vue/dist/js/chunk-vendors.js">
</script><script defer src="/static/vue/dist/js/app.js"></script>

1.并在要放置应用的模板主体中添加带有挂载ID（此处为#app）的div。

<div id="app"></div>

样式，如大小等，当然将继承自包含网页。