vue路由和http

使用路由之前我们先要安装我们的路由模块

输入: npm install vue-router --save-dev

然后我们在main.js中导入路由模块

import VueRouter from 'vue-router'

紧接着注明我们要使用路由

Vue.use(VueRouter)

然后我们配置路由

const router = new VueRouter({设置路由名字为router

 routes: [

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

  {path: '/helloworld',component: HelloWorld}

   //path就是你要路由的地址

   component是创建导入名字

   ],

   mode: 'history'   //去除地址栏里面的 #

})

在main.js的实例化中要使用router,

new Vue({

    router,

    el: '#app',

    components: { App },

    template: ''

})

因为根组件是App,所以要在App.vue里面写上对应的内容

然后实现简单的路由导航

    

        

• Home
        
• Hello

        // 创建的路由名字是什么 to就填什么

    

    

http:

同样要使用 Resource 也要先下载

npm install vue-resource --save-dev

然后 导入和 注明使用

import VueResource from 'vue-resource'

Vue.use(VueResource)

然后使用 created 钩子函数来引用网络接口