vue单文件方法

在vue开发中，单文件开发时，有些类似对话框的，不想在html中再写一个div，可以在单文件的main.js中，使用js创建div；

import videopay from './videopay-dlg.vue'
Vue.component('videopay-dlg',videopay);
(function() {  
$("body").append("<div id=\"ID_paydlg\"></div>");

window.videopay_dlg = new Vue({
el:'#ID_paydlg',
components:{
videopay
},
template:'<videopay-dlg :prop="prop" :show="show"></videopay-dlg>',
data:{
show:false,
prop:{
}
}
});
})();


import livevideo from './livevideo-com.vue'
Vue.component('livevideo-com',livevideo);

然后在window.videopay_dlg中创建全局vue对象，这样在livevideo-com中就可以调用显示了