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库温泉

回答

相关问题