Vue vue元件與原生未封裝js的相互呼叫

2021-10-25 01:45:54 字數 518 閱讀 8207

很久沒更新部落格了,最近在專案中遇到了這麼乙個問題,需要在vue專案中,引入原生的js;也需要在原生的js中呼叫vue元件的函式。

一、vue中引入原生未封裝js

一般情況下對於已封裝的js檔案,只需要import該js,然後直接使用即可,但是問題就出現在該js未封裝。

最終的解決辦法,將該js引入到index.html中,然後在需要的地方直接使用即可,無需再次引入。

二、第三方原生js引入vue元件內函式

由於第三方原生js未封裝,無法通過import vue元件的方式引入,即使vue元件已封裝。

最終的解決辦法是將,vue元件中的函式提公升為window函式,然後在原生js檔案中通過window.的方式使用。

//將vue元件內函式,提公升為window函式

mounted(),

//第三方原生js中引入

function yuansheng()

原生js實現Ajax的封裝

1.封裝函式function ajax options options.type options.type get touppercase options.datatype options.datatype json options.async options.async true var para...

封裝原生js的Ajax方法

封裝好的函式 建立乙個ajax物件 function createxhr else 資料轉換函式 function transform data 用join方法把陣列拆開以 符號分割 return attr.join function ajax data 如果是一部載入的話那麼必須驗證readyst...

js封裝原生態的ajax

js原生ajax ajax 一種請求資料的方式,不需要重新整理整個頁面 ajax的技術核心是 xmlhttprequest 物件 ajax 請求過程 建立 xmlhttprequest 物件 連線伺服器 傳送請求 接收響應資料 如下 呼叫ajax方法 ajax 請求引數 datatype json ...