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