Javascript 属性或方法“;名称“;未在实例上定义,但在渲染期间引用
我正在使用vuejs和Firebase创建CRUD,但我不知道如何修复此错误,Javascript 属性或方法“;名称“;未在实例上定义,但在渲染期间引用,javascript,firebase,firebase-realtime-database,vuejs2,vuefire,Javascript,Firebase,Firebase Realtime Database,Vuejs2,Vuefire,我正在使用vuejs和Firebase创建CRUD,但我不知道如何修复此错误, [Vue warn]:属性或方法“名称”未在实例上定义,但在呈现过程中被引用。 因此,我可以将信息添加到实时数据库中,但是,我无法将数据库表中的数据显示到我的Vuejs应用程序中。 有人能帮我吗 这是我的firebase.js 从“firebase”导入firebase; 常量firebaseConfig={ apiKey:“AIzaSyBDWnEjj0OJayCxR4kJl4iDn9LocDGVcw8”, auth
[Vue warn]:属性或方法“名称”未在实例上定义,但在呈现过程中被引用。
因此,我可以将信息添加到实时数据库中,但是,我无法将数据库表中的数据显示到我的Vuejs应用程序中。
有人能帮我吗
这是我的firebase.js
从“firebase”导入firebase;
常量firebaseConfig={
apiKey:“AIzaSyBDWnEjj0OJayCxR4kJl4iDn9LocDGVcw8”,
authDomain:“操作数teste front end.firebaseapp.com”,
数据库URL:“https://operand-teste-front-end.firebaseio.com",
projectId:“操作数测试前端”,
storageBucket:“操作数测试前端.appspot.com”,
messagingSenderId:“648371507080”,
appId:“1:648371507080:web:6030b3583a933b69e2b43d”,
测量结果:“G-RN0RCH48Y4”
}
const firebaseApp=firebase.initializeApp(firebaseConfig)
export const db=firebaseApp.database()
导出常量namesRef=db.ref('names');
导出常量jobRefs=db.ref('jobs'))
main.js
从“Vue”导入Vue
从“./App.vue”导入应用程序
导入“./Firebase”
从“vuefire”导入{firestorePlugin}
Vue.use(firestorePlugin)
新Vue({
el:“#应用程序”,
渲染:h=>h(应用程序)
})
App.vue
积垢usando VUEJS+火基
诺姆:
Profissão:
阿迪西奥纳
-
从“/Firebase”导入{jobRefs,namesRef}
导出默认值{
数据(){
返回{
诺姆:“,
作业:“”
}
},
火基:{
姓名:namesRef
},
方法:{
addPessoa(){
namesRef.push({nome:this.nome,edit:false})
推送({job:this.job,edit:false})
}
}
}
#应用程序{
字体系列:Arial、Helvetica、无衬线字体;
-webkit字体平滑:抗锯齿;
-moz osx字体平滑:灰度;
文本对齐:居中;
颜色:#2c3e50;
边缘顶部:60像素;
}
h1,h2{
字体大小:正常;
}
保险商实验室{
列表样式类型:无;
填充:0;
}
李{
显示:内联块;
利润率:0.10px;
}
a{
颜色:#42b983;
}
1.处方{
宽度:170px;
边框:3倍水性固体;
保证金:20px自动;
背景色:rgb(102201255);
}
钮扣{
边界:2px;
背景色:透明;
}
预期结果:保存到Firebase的数据在视图上呈现
现实:
[Vue warn]:属性或方法“名称”未在实例上定义,但在渲染期间被引用。通过初始化属性,确保此属性在数据选项中或在基于类的组件中是被动的。
解决这个问题对我有很大帮助。
我希望我的母语不会碍事。您已经安装了Cloud Firestore插件,但您正在尝试使用实时数据库 在
main.js
文件中使用此选项
从“vuefire”导入{rtdbPlugin}
使用(rtdbPlugin)
看
您还需要导入Firebase数据库组件。在您的
firebase.js
脚本中
从“firebase/app”导入firebase
导入“firebase/数据库”
请参见您已经安装了Cloud Firestore插件,但正在尝试使用实时数据库 在
main.js
文件中使用此选项
从“vuefire”导入{rtdbPlugin}
使用(rtdbPlugin)
看
您还需要导入Firebase数据库组件。在您的
firebase.js
脚本中
从“firebase/app”导入firebase
导入“firebase/数据库”
请参见我已尝试过,但我也出现了相同的错误
[Vue warn]:属性或方法“名称”未在实例上定义,而是在渲染过程中引用。通过初始化属性,确保此属性在数据选项中或对于基于类的组件是被动的。
@GabrielNunes我已更新了答案。我尝试了firebase.js
中缺少的其他内容,我也遇到了相同的错误[Vue warn]:属性或方法“名称”未在实例上定义,而是在渲染过程中引用的。通过初始化属性,确保此属性在数据选项中或对于基于类的组件是被动的。
@GabrielNunes我已更新了答案。在firebase.js