javascript - requirejs及vue的使用
本文介绍了javascript - requirejs及vue的使用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
//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)
这篇关于javascript - requirejs及vue的使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文