<div id="t627">
<linking></linking>
<btn></btn>
</div>
<div id="t6272">
<sogou></sogou>
</div>
Vue.component('linking',{// 1 全局组件
template:'<a href="http://www.baidu.com">百度</a>',
});
var sougou={ // 3 封装供使用
template:'<button v-on:click="link_to">搜狗</button>',
methods:{
link_to:function () {
window.location.href="http://www.sogou.com";
}
}
}
new Vue({ // 1 全局组件使用
el:'#t627',
});
new Vue({ // 2 里面的只在id为t627的域里使用
el:'#t627',
components:{
btn:{
template:'<button v-on:click="link_to">百度</button>',
methods:{
link_to:function () {
window.location.href="http://www.baidu.com";
},
}
}
}
});
new Vue({ // 3
el:'#t6272',
components:{
sogou:sougou,
}
});