一个简单的vue router+ 异步组件的问题

Question

一个简单的异步组件加载，放入router控制，无法显示。不知所以然，哪里出了问题？varUser=newPromise(function(resolve,reject){setTimeout(function(){resolve({template:'demo1',});},1000)});varrouter=newVueRouter({routes:[{path:'/',component:User}]});newVue({el:'#app',router,data:{}});

Answer 1

网上没找到browser端的异步组件的例子。我自己废了几天时间搜索，阅读各种文档。整理了一个最简洁的demo：
varUser=Vue.component('user',function(resolve){
varlocalCom=localStorage.getItem('user');
if(localCom){
resolve(JSON.parse(localCom));
}else{
setTimeout(function(){
varobj={
template:'
demo1
',
};
resolve(obj);
localStorage.setItem('user',JSON.stringify(obj));
},1000);
}
});
varrouter=newVueRouter({
routes:[
{path:'/',component:User}
]
});
newVue({
el:'#app',
router,
data:{}
});
很多人都告诉我怎么怎么样用webpack配置，打包之类的话，我就想用browser端直接加载的方式来实现。这些打包工具无非也是一个思路。帮你做了一些基础工作罢了。只是很多人没有深入研究打包过程。
现在很多人如果离开这些打包工具，根本不知道怎么开发项目了。这就违背了打包工具的初衷了。