极客观点
项目管理
HarmonyOS
//index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script async type="text/javascript" data-main="script/main" src="//cdn.bootcss.com/require.js/2.3.3/require.js"></script>
</head>
<body>
<div id="app">
<router-link to="/foo">Go to Foo</router-link>
<router-view></router-view>
</div>
</body>
</html>//main.js
require.config(
{
paths: {
'vue': '//cdn.bootcss.com/vue/2.3.4/vue',
'vueRouter': '//cdn.bootcss.com/vue-router/2.7.0/vue-router'
}
}
);
require(['vue', 'vueRouter'], function (Vue, Router) {
const Foo = { template: '<div>foo</div>' }
const routes = [
{ path: '/foo', component: Foo }
];
const router = new Router({
routes: routes // （缩写）相当于 routes: routes
});
new Vue({
el: "#app",
router: router
});
});浏览器报错
vue.js:440 [Vue warn]: Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <Root>)
[Vue warn]: Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <Root>)vue-router,请问是不是写法不对，谢谢
Vue.use(VueRouter)