調用外部js函數的方法--配置全局調用的方法

后續可以看看: 

https://m.jb51.net/article/179177.htm

https://blog.csdn.net/linggty/article/details/90037743

 

js文件

//添加報名人員
export function request(){
    var lucax="劉鍇儐"
    return {user:lucax}
}



export default {
    request
            }

　　

export function 函數的名字(){
　　方法
}

 

export default {
    函數的名字
            }

 

調用js文件的方法

<script>
import request from  "../api/request";

export default {

  methods: {
    uuu(){
      console.log( request.request()["user"])
  },
   
  }



}
</script>

 

 

總結: 2種調用方法

用import js文件名的

js文件寫法

export default {

request,

request2

}

 

調用文件寫法:

 

 

 

第二種用花括號的寫法:

js文件寫法

只需要export function 函數即可

export function request(){

　　var lucax="劉鍇儐"

　　return lucax

 

調用文件寫法:

import { request, request2 } from "../api/request";

request2()  #注意是直接調方法名就可以了

 

 

配置全局調用的方法

參考 https://blog.csdn.net/qq_38880700/article/details/81612853

在main.js中引入，就不用在每個頁面中單獨引用了

import { request2 } from "./api/request";      注意文件路徑 別寫錯了

Vue.prototype.request2 = request2

 

其他文件要調用時 使用

this.request2()           #this的意思時指向vue