前端开发一站式解决方案

一、背景

在实际工作中，常常有快速开发前端界面的需求。由于当前vue是一款主流的前端开发框架，本文特基于vue总结了前端开发中的常用工具库。

二、vue

使用示例：

import Vue from 'vue' 
import App from './App.vue' 
...

new Vue({
  el: '#app',  
  ...
  render: h => h(App) 
})

三、webpack

使用示例：

module.exports = (options = {}) => ({
  entry: {
    index: './src/main.js'
  },
  ...

四、element-UI

使用示例：

import Vue from 'vue' 
import ElementUI from 'element-ui' 
import 'element-ui/lib/theme-chalk/index.css' 
...

Vue.use(ElementUI) 
...

五、vue-router

使用示例：

import Vue from 'vue'
import Router from 'vue-router'
...

Vue.use(Router)

六、vuex

使用示例：

const store = new Vuex.Store({
  modules,
  getters
})

七、axios

使用示例：

import axios from 'axios'

axios({
  method: 'post',
  url: '/room/add',
  data: {
    RoomId: '666',
    Price: 366
  }
});