未定义vue js应用程序的属性或方法“用户”

Question

我正在vue js中创建购物购物车。当用户提供正确的信息时，我想在标签上显示用户名。我在Google Chrome浏览器中遇到以下错误。

vue.js：634 [Vue警告]：属性或方法“用户”未在实例上定义，但在渲染期间被引用。通过初始化属性，确保在data选项中或对于基于类的组件，此属性都是反应性的。请参阅：https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties。 （位于）

这是我的html代码。

21:00

她是屏幕截图输出。

Answer 1

data: {
  users: [],
  newTask: '',
  id: 0,
  url: '/todos',
  status: false,
  products: [],
  vendors: []
},

您的数据必须看起来像这样。这是因为您正在模板中调用this.users或users，但未在实例上定义它。您还需要在数据中定义属性以使其也具有反应性。