scrimba
Preview
Reusable Input Component
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Reusable Input Component
AboutCommentsNotes
Reusable Input Component
Expand for more info
components
InputField.vue
run
preview
console
<template>
<input v-model="message" />
</template>

<script>
module.exports = {
computed: {
message: {
get() {
return this.$store.state.message;
},
set(value) {
this.$store.commit('setMessage', value);
}
}
}
}
</script>
Console
"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"
,
"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"
,
/index.html#/
-5:57