Vue 安装 vuex sass 和 引入 Jq

1.安装vuex

1. npm install vuex --save

2. 在src 目录下新建 store 文件夹

3. 在store 中新建 store.js
    import Vue from 'vue'
    import vuex from 'vuex'

    Vue.use(vuex);

    import peinfo from './peinfo.js'
    export default new vuex.Store({
        modules:{
            peinfo:peinfo
        }
    })

    peinfo.js

    export default {
    state: {
        list: []
    },
    mutations:{
        perinfo(state,data){
          state.list = data.data
        }
    }
}

2. 安装sass

npm install --save-dev sass-loader

npm install --save-dev node-sass
在build文件夹下的webpack.base.conf.js的rules里面添加配置

{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}

3. 引入JQ

 1.首先在package.json里的dependencies加入"jquery" : "^3.2.1",
 2.npm install jquery -- save-dev
 3.找到build文件夹下的webpack.base.conf.js文件，打开，添加：var webpack=require('webpack')
 4.在module.exports里输入：
    plugins: [
        new webpack.optimize.CommonsChunkPlugin('common.js'),
        new webpack.ProvidePlugin({
            jQuery: "jquery",
            $: "jquery"
        })  
    ],
 5. 在入口文件main.js中输入： import $ from 'jquery'

4.安装axios

1. npm install axios

2. 在mian.js
    import axios from 'axios'
    import VueAxios from 'vue-axios'

    Vue.use(VueAxios, axios)