步骤1 :在新创建的components目录下，输入home.vuetemplatedivh2{ { msg }/H2/div/templatescriptexportdefault { data () } 创建的两个组件： script news.vuetemplatedivh2{ { msg } }/H2/div/templatescriptexportdefault { data } { return { msg 33666 } //vue-routerimportvuerouterfrom ' vue-router '； VUE.USE(VUERouter )； //组件importhomefrom './components/home '； importnewsfrom './components/news '； //定义路径constroutes=[{path:'/home '，component: Home }，{ path 3360 '/news '，component: News }，{ path : } component : news } redirect : '/home ' }/*默认跳转根*///vuerouterconstrouter=newvue router ({ routes } ) newvue ) )的render3360h=h(app ) )步骤3:app.vuetemplatedivid=' app ' router-link to='/home ' home/roue ) router-link rou router-linkhrrouter-view/router-view/div/templatescriptexportdefault { name 3360 ' app ' }/script
主页
News页面