前言

本篇文章只是记录一些vue项目用到的包以及使用。
1、axios
  • HTTP请求,比vue-resource有优势,跨三端,无需注册,直接引用。
  • 指令:npm i axios
  • 使用:
  • 全局引用,在main.js下:
  • import axios from 'axios'
    Vue.prototype.$http=axios
  • 改写vue的原型属性。$http是你想取得名字,像引用axios一样。
  • 然后在你想使用的组件或页面里:
  • get请求:

    1
    2
    3
    4
    5
    6
    this.$http.get('你的URL')
    .then(res=>{
    console.log(res.data)
    },res=>{
    alert('error')
    });
  • post请求传参

    1
    2
    3
    4
    5
    6
    7
    8
    9
    this.$http.post('你的URL',{
    sex:'',
    name:''
    })
    .then(res=>{
    console.log(res.data)
    },res=>{
    alert('error')
    });
2、Mint-UI
  • mint-ui适合用来作手机端 链接
  • npm install mint-ui -S
  • main.js中全局引入:import Mint from 'mint-ui'
  • 或者在相应的组件中按需引入:import { Swipe, SwipeItem } from 'mint-ui'
  • 全局注册组件:Vue.use(Mint)
  • 注意,也全局引入mint-ui的css:import 'mint-ui/lib/style.css'
3、stylus
  • stylus作为css的预处理器,有许多强大的功能。点击看看
  • npm i stylus
  • 注意加上babel:npm i stylus-loader -S
4、better-scroll