vue开发模式是操作数据,进行模板渲染。而jQuery开发模式是操作dom元素,进行数据填充。这是两种截然不同的开发模式,所以建议在vue开发中,不要使用jQuery。如果非用不可,使用步骤如下:
1、安装jQuery
npm i jquery -S
2、修改jQuery配置,打开build/webpack.base.conf
module.exports = {
...
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'jquery': 'jquery' //添加该行代码,声明jQuery
}
},
...
}
3、vue模板中使用
import $ from 'jquery' //引入jQuery
export default {
name: "",
data () {
return {}
}
mounted(){
$(".user-name").show(); //在mounted生命周期内即可使用
}
}