🐉 Vue.js課題 【section3: Listを作成できるようにしよう】 3-3 Listコンポー
作成日: 2021/12/14
2

実施内容

3-3 Listコンポーネントを作成しよう

気付き

・入門者必読、vue.jsの状態管理Vuexがわかる
https://reffect.co.jp/vue/understaind-vue-basic

  • mapヘルパー
    mapActions, mapMutations, mapState, mapGettersがある。

・vue.jsの状態管理VuexがわかるmapState,mapMutationsなど
https://reffect.co.jp/vue/vue-js-vuex-map-helper

疑問点

  • 第二引数には何が入っているのか?
    →console.logで確認する
methods: {
    removeList() {
        if(confirm('本当にこのリストを削除しますか?')) {
            this.$store.dispatch('removelist', {listIndex: this.listIndex})
        }
    }
}

  • mapヘルパーの使い方
  • mapヘルパーは記述省略のためのもの?

エラー

※単純にpropsの書き忘れだった。記述後エラーは消えた。

[Vue warn]: Property or method "title" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <List> at src/components/List.vue
       <Board> at src/components/Board.vue
         <App> at src/App.vue
           <Root>

事業会社にてコーダーをしています。制作は6年目。 インプットしたことをアウトプットしています。