vue脚手架安装jquery

一：下载vue依赖

npm install jquery --save

下载完后在node_modules中看看有没有jquery,如果没有的话，后面引用也是有问题的

二：在webpack中增加配置

webpack.base.conf.js中

或者webpack.config.js中

加入jquery的配置

// 添加代码
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery"//小写也引入一下防止因为大小写造成问题
})
],

引入的写法：

var webpack = require('webpack')

三：在需要的地方引入jquery即可使用

<script>
    import NewsLayout from '../../pages/News.vue';
    import jquery from 'jquery';

    export default {
        components: {
            NewsLayout
        },
        methods: {
            parseData: function () {
                alert("hello vue");
                console.log($("#searchbut"));
            }
        }
    }
</script>

最后的最后你可能需要注意一下eslint 的语法检查