填坑之細節決定成敗

沒日沒夜的看視頻學技術原本就趕時間，還爲了一個小字母浪費了好幾個小時真的好心疼~

粘代碼先。

main.js

import Vue from 'vue'
import App from './App'
import VRouter from 'vue-router'
import A from './components/a'
import hello from './components/Hello'

Vue.config.productionTip = false

Vue.use(VRouter)

/* eslint-disable */
let router = new VRouter({
  mode : 'history',
  routes: [{                 //!@#$%^&*(((*&^%$#@!
    path: '/a',
    component: A
  },
    {
      path: '/Hello',
      component: hello
    }]
})
/* eslint-disable no-new */
new Vue({// 全局構造函數
  el: '#app', // 對象裝載的位置
  template: '<App/>',
  router,
  components: {
  App
  }
})

　　App.vue

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <router-view></router-view>
  </div>
</template>
<script>
export default {
    name: 'app',
    components: {
  
    } 
}
</style>

　　a.vue

<template>
<div>{{hello}}</div>
</template>

<script type="text/ecmascript-6">
export default {
  data () {
    return {
      hello: 'i am component a'
    }
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">

</style>

　　Hello.vue仿上邊隨便寫一個測試用。

以上都是對的代碼。

 

url 上的地址欄大小寫沒有影響。

 

趕忙繼續刷個人網課啊啊啊啊啊啊，成天神經緊張