vuejs1.x中定义异步组件实例

为什么80%的码农都做不了架构师？>>>   

官方文档中描述得不是很详细。这里做个笔记。

HTML：

<div id="full">
    <home></home>
</div>

JS:

//定义异步组件，主页
Vue.component('home', function(resolve, reject) {
	$.ajax({
		url: "main.html",
		dataType: 'text',
		type: "get",
		success: function(html) {
			resolve({
				template: html,
				ready: function() {
				}
			});
		}
	});
});

var full = new Vue({
	el: "#full",
	ready: function() {

	},
	data: {
		isLogin: true
	}
});

转载于:https://my.oschina.net/wolfx/blog/841877