VUE 非单页引用外部组件

我知道,使用单页的情况下,调用组件是很简单的。但在通过使用Angular和Vue半年来,发觉单页的程序在我们的应用场景下,存在诸多不便。
我们的项目要与其它人的项目进行集成,有可能是单页,也有可能是非单页,要共享部分样式或实现单点登陆太困难了。

所以我接下来的项目会尝试非单页应用。

其中一个需要解决的就是静态文件中许多组件的复用问题。研究了一个晚上。

发觉可以用jquery的load来解决这个问题。

我把某个组件的template放在一个html文件里。

主文件用 load调用

例子如下:






组件html:


最后用 vm.$forceUpdate() 来更新部分实例。
如有疑问,请给我留言。

你可能感兴趣的:(vue.js)