framework7与vue组合遇到的问题解决

文章来自：源码在线https://www.shengli.me/javascript/57.html;

framework7官方提供的vue+framework的组合包，用起来复杂，而且bug也很多，所以在这里用嘴原始的方式单独使用vue和framework了。

 

遇到的问题及解决方案：

    

   1、framework7页面过度动画完成之前初始化vue,导致vue无法工作。（变量没有渲染的情况下）

         解决办法：应该深入研究framework7和vue底层代码。还有就是尽量页面动画完成后初始化vue。

         但是如果前一页也用vue，就没法反悔了。

 

    

   2、framework7的router跳转到新的页面，这个页面的代码无法使用普通的一个js、css引用的html文件。

        引用的js都放在主页面中导致加载的速度慢，而且希望一个html页面能单独的打开，也可以嵌入在单页程序里打开，现有的框架并不满足。

 

 

         解决方案：修改framework7代码，在router加载新的页面的时候，不仅像原始版本一样只加载class为page的div，把它改为能加载script和css到主页面,返回后再删除script和css,这样能实现嵌入完整的html页面到桌面程序。

 

    

   3.  vue初始化时会完全去掉dom上后添加的一些变量，从而使用vue的页面跳转到另一个页面，就无法返回。

        解决方案：修改vue.js，在vue初始化函数中，有个替换div的操作，在替换之后，把旧div上的变量再塞回去。代码如下：