안녕하세요^^   v-bind, 콧수염 태그, v-model 관련해서 헷갈리는 부분이 있어 질문 드립니다.   1. v-bind와 {{ }} 는 Vue data 속성의 변수값을 html 에 표시하는 단방향 연결이고, v-model 은 Vue data 속성의 변수값과 DOM 입력값의 양방향 연결인가요?   1-1. v-bind는 html 태그의 속성에 사용하고 (컴포넌트 포함), {{ }} 는 태그의 컨텐트에 사용하는건가요? <p class="{{ name }}"></p> 이련 식으로는 안되더라구요.     2. Vue data 속성의 변수값과 html 태그 속성을 양방향으로 연결하는 방법은 없나요? 예를 들어, <p v-bind:class="name"></p> 에서 class 속성 값이 바뀌면 name 변수값도 바뀌게요.. (v-model 처럼) p 태그에는 v-model을 사용할 수 없는건가요?

MineForm.vue 작성할 떄, value 를 v-bind로 하고, onChange 이벤트를 추가해서, value 가 바뀔 때마다 vue 인스턴스에 data도 바뀔 수 있도록 하는데요! v-model 을 사용해서 간단하게 해도 괜찮나요? 성능상에서 문제가 따로 발생할까요? 아님 아예 똑같은 기능인가요?

<template> <div> <h1>{{ title }}</h1> <input type="text" v-model="title" /> </div> </template> <script> export default { name:'', components : {}, data(){ return { title: 'Hello World' }; } } </script> <style scoped> h1 { color:red; } </style> 선생님이 알려주신것 처럼 코드를 작성하였는데 input에 글을 작성하는 경우 영어는 바로 반영이 되는데 한글같은경우에는 좀 한글자씩 빼고 나오더라구요 예를 들어서 "안녕하세요" 라고 적은경우 input부분에는 "안녕하세요" 가 잘나오는데 {{ title }} 부분에는 "안녕하세" 까지만 나오더라구요 나중에 게시판을 만들때 제목이나 내용을 적고 데이터베이스로 전송할때 문제가 될까봐 미리 질문 드립니다.