vue 引入jquery
1.本地npm安装jquery cnpm install jquery --save-dev
2.修改build/webpack.base.conf.js
1.添加const webpack = require('webpack')
2.找到module.exports 加一个plugins对象如下
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
]
3.npm run dev重新开启项目,就可以用jquery了
vue 使用jquery生态库(已安装jquery)
1.将类库的css,js文件放到static里
2.在index.html里link引入类库的css
3.在vue组件的script标签中,import dataTables from "./../../static/dataTables/jquery.dataTables.min.js"(用dataTables举例)
4. 在钩子函数中使用,如下
mounted(){
this.$nextTick(function(){
$('#example').DataTable();
})
}