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生態(tài)庫(已安裝jquery)
1.將類庫的css,js文件放到static里
2.在index.html里link引入類庫的css
?3.在vue組件的script標簽中举塔,import dataTables from "./../../static/dataTables/jquery.dataTables.min.js"(用dataTables舉例)
4.? 在鉤子函數(shù)中使用夭织,如下
mounted(){
? ? this.$nextTick(function(){
? ? ????? $('#example').DataTable();
? ? })
? }