Jquery项目嵌套vue项目???

有谁做过,在一个jquery项目中通过iframe,将vue项目的页面嵌入进去!求大神指教!

1 Like

虽然没做过,但是支持一下。一般不建议在Vue项目中使用jQuery,同样的道理jQuery中也不建议使用Vue,jQuery的作用是方便js操作DOM。Vue根本的作用是放弃DOM操作,通过改变状态动态更新view。两者有冲突。

遇到什么问题了?

就是有两个不同的项目,一个项目是通过传统html+css+jquery做的,一个是通过vue+html+css做的,现在vue的项目中的某些页面想被公共使用(说白了就是jQuery项目想调用vue这个项目中的页面(组件)),我想问一下大神们有什么好的建议!------------------------------目前我的做法是将vue单页面变成多页面项目,然后让jquery项目进行调用

那其实跟 IFrame 没什么关系吧。

jQuery 与 Vue 可以混用,注意回避操作冲突即可。参考:关于组件应用时将其他实例包含的问题

很感谢你的回复,没怎么明白你的意思,但是我想你误会我的想法了,我是指直接调用vue项目,而不是将vue的代码复制粘贴到jquery项目中进行混合使用,那样工程量很大。而且vue项目是使用node进行开发的,不是通过cdn连接vue.js!

如果你的问题是如何进行 IFrame 内外通讯,那和 jQuery 或 Vue 都没关系了,使用通讯接口即可,例如:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage

2 Likes

线上都是编译好的文件,不存在什么问题

后来解决了吗?能分享下解决方法吗

我也遇到这问题了有解决方案吗?

请问有什么具体问题?

可以先参考一下楼上 silentdepth 大神的解答试一下的。

我的项目目前有做这方面的嵌入,跟楼上的解决方案差不错。但是你遇到的问题希望能说一下

后台管理项目之前前后端不分离写的,现在要增加新模块,用vue写,如何嵌入到之前的项目里,求解

看了上面的解答,还是不知道怎么做?

vue实例都是挂在在某个标签节点上的,只要每个vue实例都挂载在不同的节点,一个页面可以有n个vue实例