vue 的 vue-cli引入jq

用vue-cli如何引入jq,引入jq的主要作用是想jq的ajax,因为习惯了。研究了两种方式用jq的ajax方法。

第一种方法

1,在工程目录按住Shift,然后点击右键,弹出命令行,然后 调用 cnpm install jquery –save –dev

2,在main.js里加入

import $ from 'jquery'
Vue.prototype.$ajax = $.ajax;

3,在组件就可以直接调用了

    mounted() {
        var _this = this;
       this.$ajax({
         type: "POST",
         url:'',
         data: {},
         success: function (data) {

         }
       })

    }

第二种方法

1,在工程目录按住Shift,然后点击右键,弹出命令行,然后 调用 cnpm install jquery –save –dev
2,在webpack.base.conf.js文件里,加入

var webpack = require("webpack")

在webpack.base.conf.js文件里的module.exports里,加入

  plugins: [

 /*引入jq插件开始*/
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    }),
    /*引入jq插件结束*/

  ]

3,在main.js 引入就ok了import $ from ‘jquery’

4,重新 run dev

5,这样就可以在组件里单独调用jq,$.ajax({})

这些是学习的过程,如果有更好的方法,希望加入到讨论中来,让前端技术更加精进。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小~小

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值