在vue单页运用中运用jquery

2024年5月22日 117次阅读 来源: AshleyLv

纪录一个本日用到的vue-cli竖立的运用中引入jquery的体式格局。

  1. 首选经由过程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:{

  }
}

末了引荐下轮子工场–一个分享vue,angular优异组件的网站

    原文作者：AshleyLv
    原文地址: https://segmentfault.com/a/1190000010365705
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞