前言
本文給大家介紹的是關于在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:{ } }
總結
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com