vue.js系列四:ajax(axios)

1.下载axios

npm install axios --save

在线文档

https://github.com/pagekit/vue-resource/blob/develop/docs/http.md

1.1搜索框demo

图片.png

1.1.1index.html

1.1.2main.js

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

let vm = new Vue({
  el: '#app',
  components: {
    App // 映射组件标签
  },
  template: '' // 指定需要渲染到页面的模板
})

Vue.use({
  vm
})

1.1.3App.vue组件

1.1.4Search.vue

1.1.5Main.vue

1.1.6本地启动即可

npm run dev

2.vue UI 组件库

1) Mint UI:(移动端)
a. 主页: http://mint-ui.github.io/#!/zh-cn
b. 说明: 饿了么开源的基于 vue 的移动端 UI 组件库
2) Elment:(PC端)
a. 主页: http://element-cn.eleme.io/#/zh-CN
b. 说明: 饿了么开源的基于 vue 的 PC 端 UI 组件库

2.1下载mint-ui

npm install --save mint-ui