1. 程式人生 > >vue專案中使用jQuery

vue專案中使用jQuery

這裡是引入全域性的jQuery
1.在package.json檔案中,‘devDependencies’物件中新增”jquery”: “^3.1.1”,
2.在build資料夾下的webpack.base.conf.js檔案中新增:

var webpack = require("webpack")
// 增加一個plugins
   plugins: [
      new webpack.optimize.CommonsChunkPlugin('common.js'),
      new webpack.ProvidePlugin({
          jQuery: "jquery"
, $: "jquery" }) ],

3.vue檔案中使用:

//這裡不用引入jQuery了,已經是全域性的了
<script src="/static/js/easydialog.min.js" ></script>
<script src="/static/js/wx-mobile.js"></script>
<script>

    document.onreadystatechange = function(){
    if(document.readyState=="complete"){
        $(".hhide"
).show(); var liH=$('#first-li1').outerWidth(); $('#index-main').children('ul').css('height',liH); } } export default { name: 'MainPage', data () { return { // msg: 'Welcome to Your Vue.js App' } } }
</script>