Web前端笔记-浏览器控制台调用js函数及vue函数

界面是这样的

Web前端笔记-浏览器控制台调用js函数及vue函数_第1张图片

源码如下:

index.html






Hello World

js.js

;

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

在控制台中调用

jsFileCall()

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

Web前端笔记-浏览器控制台调用js函数及vue函数_第2张图片

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

export default {

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

    callVueFunction(){

      alert("callVueFunction");
    },
   ....
   ....
   ....
}

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

Web前端笔记-浏览器控制台调用js函数及vue函数_第3张图片

 

你可能感兴趣的:(Web相关技术,web前端)