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)