vue
2019-03-05
2019-03-05
前言
本篇文章只是记录一些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
6this.$http.get('你的URL')
.then(res=>{
console.log(res.data)
},res=>{
alert('error')
});post请求传参
1
2
3
4
5
6
7
8
9this.$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
- 移动端滚动插件,具体看 npm上面的文档简介