Javascript Vue JS:等待firebase加载
我想在Vue JS组件中使用firebase,但似乎firebase对象是在创建组件后加载的 有没有办法在执行JS代码之前等待firebase加载 示例:我想创建一个名为loader的vue组件,它在创建时在webconsole上输出firebase对象Javascript Vue JS:等待firebase加载,javascript,firebase,vue.js,Javascript,Firebase,Vue.js,我想在Vue JS组件中使用firebase,但似乎firebase对象是在创建组件后加载的 有没有办法在执行JS代码之前等待firebase加载 示例:我想创建一个名为loader的vue组件,它在创建时在webconsole上输出firebase对象 <html> <head> <!-- Firebase --> <script defer src="/__/firebase/5.0.4/firebase-app.js"></s
<html>
<head>
<!-- Firebase -->
<script defer src="/__/firebase/5.0.4/firebase-app.js"></script>
<!-- include only the Firebase features as you need -->
<script defer src="/__/firebase/5.0.4/firebase-auth.js"></script>
<script defer src="/__/firebase/5.0.4/firebase-database.js"></script>
<script defer src="/__/firebase/5.0.4/firebase-messaging.js"></script>
<script defer src="/__/firebase/5.0.4/firebase-storage.js"></script>
<!-- initialize the SDK after all desired features are loaded -->
<script defer src="/__/firebase/init.js"></script>
<!-- Vue.js-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
</head>
<body>
<div id="app"></div>
<script>
var loader = {
template: '<div></div>',
created: function(){
console.log(window.firebase); // undefined
}
};
var app = new Vue({
el : '#app',
template :
`<div>
<loader></loader>
</div>`,
components : {
'loader' : loader
}
});
</script>
</body>
</html>
变量加载器={
模板:“”,
已创建:函数(){
console.log(window.firebase);//未定义
}
};
var app=新的Vue({
el:“#应用程序”,
模板:
`
`,
组成部分:{
“加载器”:加载器
}
});
它不起作用,但是,当然,一秒钟后,我可以在控制台上输出firebase对象
附言:
- 这是我在这个网站上的第一个问题,所以如果你们对如何提问有任何建议,我也会接受
- 我是法国人,请原谅我的英语