在vue单页应用中使用jquery

记录一个今天用到的vue-cli建立的应用中引入jquery的方式。

首选通过npm安装jquery

 npm install jquery --save

1. 在build/webpack.base.conf文件当中引入jquery

module.exports = {
 ...
 resolve: {
 extensions: ['.js', '.vue', '.json'],
 alias: {
 'vue$': 'vue/dist/vue.esm.js',
 '@': resolve('src'),
 'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery')
 }
 },
 ...
}
 
 

3.在需要的地方

import $ from 'jquery'
export default {
 name: 'hello',
 data () {
 return {
 msg: 'Welcome to Your Vue.js App'
 }
 },
 mounted:function(){
 let test = $('#test').text()
 console.log(test)
 },
 methods:{
 }
}