用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({})
这些是学习的过程,如果有更好的方法,希望加入到讨论中来,让前端技术更加精进。