はじめにこんにちは、SHIFT の開発部門に所属しているmurasawaです。今期より中途で入社し、バックエンド関連の開発を担当しています。 現在、研修でデータベースやRestAPIについて基本的な事から学んでいます。 学んだことをアウトプットし理解を深めていくとともに技術の共有として役に立てば幸いです。 今回は私自身興味もあり、触ってみたいと思っていたこと、また業務で必要とされていたvue.js、vuetifyでのフロントエンド開発の際に困ったv-modelとv-on,v-bindについてまとめてみました。 今回の説明で出てくるプログラムはVue CLIの<template>, <script>内に書くことを想定しています。 v-modelについてv-modelは双方向のデータバインディングを行います。 例えば名前を入力する欄をv-modelで作りました。 <template> <div