Vue 安装 vuex sass 和 引入 Jq

1.安装vuex
1
2
3
1. npm install vuex --save

2. 在src 目录下新建 store 文件夹
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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
1
2
3
4
5
6
7
8
9
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
2
3
4
5
6
7
8
9
10
11
12
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
2
3
4
5
6
7
1. npm install axios

2. 在mian.js
    import axios from 'axios'
    import VueAxios from 'vue-axios'
     
    Vue.use(VueAxios, axios)