import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import App from './App'
// 开启debug模式
Vue.config.debug = true

Vue.use(VueRouter)
Vue.use(VueResource)

// 定义组件, 也可以像教程之前教的方法从别的文件引入
const Home = {template: '<div>This is homepage</div>'}
const First = { template: '<div><h2>我是第 1 个子页面</h2></div>' }
const Second = {template: '<div>2222222</div>'}

// 创建一个路由器实例
// 并且配置路由规则
const router = new VueRouter({
  mode: 'history',
  base: __dirname,
  routes: [
    {
      path: '/',
      component: Home
    },
    {
      path: '/first',
      component: First
    },
    {
      path: '/second',
      component: Second
    }
  ]
})

// 现在我们可以启动应用了！
// 路由器会创建一个 App 实例，并且挂载到选择符 #app 匹配的元素上。
var app = new Vue(
  Vue.util.extend({ router }, App)
).$mount('#app')

export default {app}