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)