vuejs包括JavaScript庫溫泉

我'使用vuejs創建水療中心應用程序，我發現，我在我的加載JavaScript庫像bootstrap.js或的jquery.js和3選擇其他JavaScript庫：vuejs包括JavaScript庫溫泉

1 。第一是包括我將在我的應用程序中使用index.html所有的JavaScript庫在我的vuejs應用程序將生活，但我發現，有完全不工作很好地

前一些JavaScript庫：有是一些JavaScript庫，通過選擇特定的id =「page-容器「，但該div沒有加載時，從服務器呈現頁面，所以在那一刻JavaScript將拋出錯誤，因爲ID =」page-container「尚不存在。

2. 第二是加入像這樣我所有的JavaScript庫的js

// before you use your files in some components,you should package them 
// your local files 
export default { //export your file 
    your_function(){ // defined your function 
    ... 
    } 
} 

// now your can use it 
// your component file 

<script> 
import local_file from 'your_file_relative_path' 
//now you can use it in the hook function 
created(){ //or other hook function 
    local_file.your_function() //call your function 
} 

</script>

，但是否意味着我需要改變，我使用所有的JavaScript庫...

3. 第三是通過使用npm添加它，只是在vue組件導入它，它工作正常，感覺更自然，但不是所有的JavaScript庫都在npm，其中一些是管理模板相關，我買了themeforest，永遠不會在npm中。

所以哪一個是更好的方法，或者有更多更好的方法，我發現了那3個選項？它很難找到任何教程或討論，提到添加其他JavaScript庫到spa vuejs他們大多隻是把一個引導到index.html並完成。

來源

2017-08-23 Laurensius Tony

那麼，如果你的庫存在於NPM中，那麼這是最好的選擇，因爲那麼你有這個選項只導入你需要的某些組件的腳本部分，例如fontawesome庫，你可以導入只有你需要的圖標，而不是導入所有的圖標！

但是，如果您的腳本不在NPM中，最好的選擇是在腳本運行所需組件的beforeMount或beforeCreate中運行腳本。

在html上添加鏈接引用的第三種方式並沒有真正提出，因爲它會是全局性的，會降低性能。

來源

2017-08-23 02:30:03

因此對於我的病情，使用第二種方法會更好嗎？但是這比我在那裏提供的更好嗎？因爲這意味着我將通過向每個庫添加導出默認功能來逐個更改我的JavaScript庫文件.... –

您應該看看您的要求是什麼，我的意思是您需要查看您有多少組件要使用圖書館？如果僅僅爲了它們中的很少一部分將是最好的，但是如果你打算將它用於所有或大部分組件，那麼使它成爲全局組件。 –

vuejs包括JavaScript庫溫泉

回答

相關問題