⽤js挂载.vue组件动态创建实例新建pulgin.js⽂件
引⼊.vue组件
import Toast from'./toast'
// vue写⼀个插件
// 公开⼀个install⽅法
export default{
install(Vue,options){
// 这样在vue⾥执⾏this.$toast，则可以执⾏这个⽅法
Vue.prototype.$toast=function(message){
// alert(message)  不⽤alert创建div
// ⽤js挂载.vue组件/动态创建实例
let d(Toast)
let toast =new Constructor();
// 把调⽤时的this.$toast("message")挂载到toast组件的slot，为默认内容electron vue教程
toast.$slots.default=message
// 这时候toast已经出现在了内存⾥⾯，还没展⽰到页⾯
toast.$mount();
// console.log(toast.$el)为 toast组件的实例
document.body.appendChild(toast.$el)
}
}
}
main.js中
引⼊pulgin.js⽂件，并调⽤
import plugin from'./plugin'
Vue.use(plugin)
页⾯调⽤this.$toast(‘传⼊message’)
则创建⼀个Toast 实例挂载到页⾯，并携带 ‘传⼊message’ 消息

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。