为什么 vue-router 不显示组件？

Question

免责声明此代码仅供私人使用，因此它可以由轮子组成

我在没有webpack等的情况下完成这项任务。

我正在尝试制作组件加载器。好吧，getComponents((运行良好，并以字符串形式返回html代码。当我打开/userlists时，路由器什么也不显示。所以，路由/不应该也起作用，但它起作用！我哪里搞错了？

加载器：

const getComponent = name => {
return document.getElementsByClassName('component '+name)[0].outerHTML
}
const mainComponent = {
template: '<h3>Hand mailer<p>)</p></h3>'
}
const userLists = {
template: getComponent('userslist')
}

组件：

<div class="component userlists">
<p>
Hello vue!
</p>
</div>

路由器：

const router = new VueRouter({
hashbang: true,
routes: [
{
path: '/',
component: mainComponent
},
{
path: '/userlists',
component: userLists
}
]
})

Answer 1

这是我的错，我把属性display: none;添加到类组件中((