1.vue.config.js
configureWebpack: {
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
}
}
}
2.main.js
Vue.component(`async-example-3`,
function(resolve,reject){
setTimeout(() => {
//随机一下
var r = Math.random() * 5;
if (r < 5) {
resolve({
template: '<h3> 3秒组件完成 </h3> '
})
} else {
reject(
'r:' + r + '故意失败的,不然不会了解reject,resolove的功用'
)
}
console.log('3秒后组件 ok,r:' + r);
}, 3000)
}
)
Vue.component(`async-example-5`,
function (resolve, reject) {
setTimeout(() => {
//随机一下
resolve({
template: '<h3> 5秒组件完成 </h3> '
})
console.log('5秒组件 ok');
}, 5000)
}
)
3.使用
<async-example-3></async-example-3>
<async-example-5></async-example-5>