vue-cli3.x引入jquery

最新推荐文章于 2022-04-28 17:05:58 发布

WF帆少

最新推荐文章于 2022-04-28 17:05:58 发布

阅读量1.3k

点赞数

分类专栏： Vue 文章标签： vue 前端 jquery

本文链接：https://blog.csdn.net/qq1123642601/article/details/93611122

版权

Vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

首先先局部安装jquery， -D相当于--save-dev

npm install jquery -D

在src下创建jquery.js,内容如下

import Vue from 'vue'
import jQuery from 'jquery'

Vue.prototype.$ = jQuery;
export default jQuery;

修改src下的main.js，内容如下

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './registerServiceWorker'
import jquery from './jquery'  // 此处为修改内容


Vue.config.productionTip = false

new Vue({
    router,
    store,
    jquery, // 此处为修改内容
    render: h => h(App)
}).$mount('#app')

最后自行测试即可