没日没夜的看视频学技术本来就赶时间,还为了一个小字母浪费了好几个小时真的好心疼~
粘代码先。
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 上的地址栏大小写没有影响。
赶紧继续刷我的网课啊啊啊啊啊啊,整天神经紧张