前言
本文給大家介紹的是關于在vue單頁應用中使用jquery的相關內容，主要記錄一個今天用到的vue-cli建立的應用中引入jquery的方式。下面話不多說，來一起看看詳細的介紹吧。
方法如下：
1.首選通過npm安裝jquery
npm install jquery --save
2.在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能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。
新聞熱點
疑難解答
