# vue_awesome

**Repository Path**: deng/vue_awesome

## Basic Information

- **Project Name**: vue_awesome
- **Description**:  学习vue
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-06-07
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#vue_awesome
	本项目用于学习vue

#node 
#安装淘宝镜像
npm install -g cnpm --registry= https://registry.npm.taobao.org
## 安装webpack
npm install webpack -g  / cnpm install webpack -g
npm install webpack-dev-server -g  新版可能用到，不知道是不是必须，先记下 （有时候用yarn install才能成功）
##　检查webpack版本
webpack -v
##  安装vue-cli 脚手架
npm install vue-cli -g
vue-cli -V

### 使用饿了么UI
[官网地址](http://element-cn.eleme.io)
``` bash
# 安装 
npm i element-ui -S
# 可换成cnpm

```
## 快速上手
``` javascript
//全部引入
//修改main.js
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

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

// 按需引入参考官网文档
// 借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。
npm install babel-plugin-component -D

```


## 安装axios
``` javascript
// --save 表示安装项目目录下的node_modules，要不然保存在全局了
npm install axios --save 

//安装其他插件的时候，可以直接在 main.js 中引入并 Vue.use()，但是 axios 并不能 use，只能每个需要发送请求的组件中即时引入
//为了解决这个问题，有两种开发思路，一是在引入 axios 之后，修改原型链，二是结合 Vuex，封装一个 aciton。这里只说修改原型链的方式改写原型链
//首先在 main.js 中引入 axios
import axios from 'axios'
Vue.prototype.$http= axios
// 完整api参考 https://www.kancloud.cn/yunye/axios/234845
```