<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>企业微信截图_15970476764716.png1000×504 25.5 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

如图所示，这是编辑器上面的HTML代码，css和js都有，页面控件只有一个div id=“app”，此时在浏览器中打开，页面内容显示完整，同时JS也有效果，但是程序里面没有关于app的代码或者文件。

我就在想app对应的内容是什么，通过F12审查元素，发现这里能看到所有和网页对应的代码，然后我将代码复制下来，把它们替换了div id=“app”，代码较长，不方便展示，进行了叠层，如以下两图：

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>企业微信截图_15970483923453.png969×151 11.2 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>企业微信截图_15970481804958.png1012×543 32.6 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

此时在浏览器中打开，页面内容显示完整，CSS有效果，但是点击上面的一些控件，发现JS效果没了，没有JS引用的效果，用具体代码JS会失效，请问各位大佬们这是怎么一回事？该怎么样把这个vue框架换成源代码JS也有效果？