Как передать данные из разных компонентов?

Question

[PHVNTOW]

Не могу передать значение Input из компонента App в компонент Item.

Пробовал уже всё что смог найти в гугле.

------------------- App -------------------

import item from './components/Item.vue'

export default {
  name: "App",
  components: {
    item
  },
  data() {
    return {
      ipnutValue: '',
      items: []
    }
  },
  methods: {
    addNote() {
      this.items.push("item")
      this.ipnutValue = this.itemTitle
      console.log(this.ipnutValue)
      this.ipnutValue = ""
      console.log('Note was create')
    }
  },
};

------------------- Item -------------------

export default {
  name: "item",
  data() {
    return {
      itemTitle: '',
      itemStatus: 'isActive',
      delItem: true
    }
  },
  methods: {
    statusFun: function () {
      if(this.itemStatus === 'isActive') {
        this.itemStatus = 'isDone'
      } else {
        this.itemStatus = 'isActive'
      }
      console.log('Status Working')
    },
    DelFun() {
      console.log('Del BTN Working')
    }
  }
};

Answer 1

[Wispik]

Props

Comments

[PHVNTOW]

Спасибо

Answer 2

[Alex_mos]

Props или vuex, смотря как расположен компонент item

Comments

[PHVNTOW]

Спасибо