<router-view> 填坑之细节决定成败

没日没夜的看视频学技术本来就赶时间，还为了一个小字母浪费了好几个小时真的好心疼~

粘代码先。

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 上的地址栏大小写没有影响。

 

赶紧继续刷我的网课啊啊啊啊啊啊，整天神经紧张

 

转载于:https://www.cnblogs.com/Amy-is-a-fish-yeah/p/7201210.html