Javascript 如何在Vue.js中导入引导或外部js_Javascript_Jquery_Html_Css_Vue.js

Javascript 如何在Vue.js中导入引导或外部js

javascript jquery html css vue.js

Javascript 如何在Vue.js中导入引导或外部js,javascript,jquery,html,css,vue.js,Javascript,Jquery,Html,Css,Vue.js,几天前，我决定在一个简单的html5、css3和javascript web中实现vue.js。但现在我无法像这样导入我的库： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>LiloTechnology</title> <link href="/css/bootstrap.css" rel="stylesheet" type="te

几天前，我决定在一个简单的html5、css3和javascript web中实现vue.js。但现在我无法像这样导入我的库：

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>LiloTechnology</title>
  <link href="/css/bootstrap.css" rel="stylesheet" type="text/css">

</head>

<body>

  <div id="app"></div>

  <!-- built files will be auto injected -->

  <script type="text/javascript" src="../assets/js/jquery.1.8.3.min.js"></script>
  <script type="text/javascript" src="../assets/js/bootstrap.js"></script>
  <script type="text/javascript" src="../assets/js/jquery-scrolltofixed.js"></script>
  <script type="text/javascript" src="../assets/js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="../assets/js/jquery.isotope.js"></script>
  <script type="text/javascript" src="../assets/js/wow.js"></script>
  <script type="text/javascript" src="../assets/js/classie.js"></script>

</body>

</html>


激光技术

你能告诉我如何导入外部的.js文件吗

谢谢。

您只需添加外部（从外部）资源，如下所示：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

然后使用

var module=require（'module'）

或在ES6

import module from'module'

例如，对于jQuery，它将是

npm install jQuery--save

（-save by-way将它存储到您的package.json中，以便能够使用npm install轻松恢复依赖关系），并使用

var$=require（'jQuery'）

（同样是ES6:

import{$，jQuery}从'jQuery'

）导入它）

对于jQuery，尤其要考虑到一些库依赖于它的全局可用性。因此，请确保首先导入它并将其分配给窗口（或全局），如中所示）

如果您需要特定版本，您可能还希望将其添加到package.json中，或者直接使用

npm install进行安装module@version

。希望对你有所帮助