記錄一個今天用到的vue-cli建立的應用中引入jquery的方式。

首選通過npm安裝jquery

npm install jquery --save

在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:{} }

最后推薦下輪子工廠--一個分享vue,angular優秀組件的網站

總結

以上是生活随笔為你收集整理的在vue单页应用中使用jquery的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。