界面是这样的

源码如下:

index.html

<html>
<head>
</head>
 
<body>
<h1>Hello World</h1>
<script type="text/javascript" src="js.js"></script>
 
<script type="text/javascript">
 
	function callFunctionDemo(){
 
		alert("Hello World");
	}
	
</script>
 
</body>
 
</html>

js.js

;
 
function jsFileCall(){
	
	
	alert("jsFileCall");
}

在控制台中调用

jsFileCall()


通过这种方式就可以进行弹窗了。

下面是 vue 中,首先在指定的 vue 文件中

export default {
 
  name: 'HelloWorld',
  data () {
    return {
    }
  },
  mounted() {
    window.mainPage = this;
    this.init();
  },
  methods:{
 
    callVueFunction(){
 
      alert("callVueFunction");
    },
   ....
   ....
   ....
}

这样的话在 vue 中进行调用: