vue路由与http学习

配置端口

config/index.js port修改

安装路由

npm install vue-router –save -dev

使用

在main.js中

import VueRouter from ‘vue-router’

Vue.use(VueRouter)

const router = new VueRouter({

routes:[

{path:’/’,component:Home},

],

mode:”history”,

})

在App.Vue中

<router-link to=”/”>Home</router-link>

安装http

npm install vue-resource –save -dev

使用

在main.js中

import VueResource from ‘vue-resource’

Vue.use(VueResource )

在任何vue组件中

(测试接口数据 ：jsonplaceholder.typicode.com)

created(){

this.$http.get(“http://jsonplaceholder.typicode.com/users”)

.then((data) => {

console.log(data)

})

}