Please enable JavaScript.

Coggle requires JavaScript to display documents.

Vuejs (Vuex (store (Vuex API (this.$store.commit('change',value),…

- - - - this.$store.commit('change',value)
      - change is the mutate name
      - value is the payload
      - getters: $store.getters.flavor
- - - - prop is an property of data
      - shorthanded: :src="prop"
  - - - v-else, v-else-if
      - remove element out of dom
    - - display= show/hidden
  - - - :key
    - - To filter element in a list
        
        use computed property that
        return filtered list
      - Avoid rendering a list if
        it should be hidden
        
        move v-if to a container element
      - Becasue v-for has a
        higher priority than v-if
  - - - mouseover
- - - - shorthand: v-slot:slotName
      - shorthand: #slotName
  - - - <template v-slot:default="slotProps">
        {{ slotProps.text}}
        </template>
      - shorthand: v-slot="slotProps"
      - shorthand: v-slot="{ text }"
      - __#default="{ text }"
- - - - type cast an input as a number: v-model.number
- - - - validator: function(value){}
- - - - 1 file app.js load all JS for entire app => JS bundle
      - It's better to split our bundle into mulitple smaller files => called chunks or bundles: Code Splitting