vue使用jquery

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生命周期内即可使用
  }
}