js和vue方法的相互調用（iframe父子頁面的方法相互調用）。

項目是前后端不分離的，模板引擎使用的JSP。

但是使用了Vue+ElementUI，這里列舉一些常用的調用方式，有時候可能。

在js里調用vue方法

我們需要把方法注冊到vue對象之外的頁面，所以對與在methods中定義的方法，需要在mounted中注冊給window。之后我們可以在js里直接調用，

在vue里調用js方法

直接使用window.方法名就可以調用

在主頁面中調用iframe子頁面的代碼：

<!--主頁面中的JS代碼-->
<script type="text/javascript">
//調用子頁面的方法.
var childWindow = $("#addFrame")[0].contentWindow; //表示獲取了嵌入在iframe中的子頁面的window對象。  []將JQuery對象轉成DOM對象，用DOM對象的contentWindow獲取子頁面window對象。
childWindow.subFunction();  //調用子頁面中的subFunction方法。
</script>
 
 
<!--子頁面中的JS代碼-->
<script type="text/javascript">
//子頁面調用父頁面中的方法。
window.parent.parentFunction();  //parentFunction是父頁面中自定義的JS方法。
</script>

在iframe子頁面（vue環境一樣）中調用父頁面代碼：

 子頁面：

 

 主頁面：

在一個iframe子頁面調用另一個iframe子頁面的方法，並且同為Vue環境

主頁面：

 

 子頁面1，調用的一方：

 

 

子頁面2，被調用的一方，需要注冊：