VUE中引入外部jquery.min.js文件
在Vue项目中引入外部的jQuery文件，你可以按以下步骤操作：
- 将
jquery.min.js文件放置在Vue项目的public文件夹下（如果是Vue CLI 3+项目），或者static文件夹下（Vue CLI 2项目）。 - 在你的
index.html文件中，使用<script>标签引入jQuery。
<!-- public/index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ... -->
</head>
<body>
<div id="app"></div>
<!-- jQuery引入 -->
<script src="jquery.min.js"></script>
<!-- built files will be auto injected -->
</body>
</html>- 在你的Vue组件中，你可以通过
window.$或window.jQuery来访问jQuery。
// VueComponent.vue
export default {
mounted() {
// 使用jQuery
window.$('selector').doSomething();
}
}确保不要在单文件组件中使用import语句来引入jQuery，因为这会尝试将jQuery作为一个模块来导入，这通常不是我们想要的行为。我们只想要全局地添加jQuery到window对象上，以便在任何组件中都可以访问。
评论已关闭