javascript – So verwenden Sie Vue-Komponenten, um eine Router-Verbindung dynamisch zu generieren

Question

{Code...} Obwohl das aktuelle Problem machbar ist, wird vor der Ausführung des Vue-Routers ein Fehler gemeldet, der besagt, dass die Komponente nicht registriert ist. Ich würde gerne fragen, ob Sie eine bessere dynamische Implementierungsmethode haben. Wie gezeigt Oben muss es dynamisch generiert werden und dann den Vue-Router zum Parsen ausführen, aber es wird etwas angezeigt ...

大家讲道理 · Answer

首先，Vue.component的第二个参数是一个配置对象，你这个写法连JS语法都不符合。
其次，template配置应该是一个HTML代码的字符串，所以改成：

Vue.component('sidebar', {
    template: 'Go to FooGo to Bar'
});

Update

（参考资料：https://router.vuejs.org/en/e...）

针对你说的都是引入的情况，代码做如下修改：
先按如下顺序依次引入Vue和Vue-router

然后加入如下JS

// 在Vue里面注册VueRouter，这样可以在Vue里面使用``
Vue.use(VueRouter);

// 下面这一段是路由设置和应用根元素绑定，具体可以参照官方文档
// -----------------------------------
var routes = [ ... ]; // 这个是路由的配置，你自己写

// 定义路由VueRouter控件，其中，`{routes}`是`{routes: routes}`的简写，可能是ES6里面的新语法
var router = new VueRouter({routes});

// 创建Vue对象
var app = new Vue({
    el: '#app', // 假设绑定的根元素为#app
    router, // 此处也是简写
});

然后可以使用Vue.component()语句了，此时，因为注册了Vue-Router组件，可以被识别。

Aktuelle Probleme

Update