vue單頁應用中如何使用jquery的方法樣本，vuejquery

vue單頁應用中如何使用jquery的方法樣本，vuejquery

前言

本文給大家介紹的是關於在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能帶來一定的協助，如果有疑問大家可以留言交流，謝謝大家對幫客之家的支援。