v-bind와 v-model 설명

3209 단어 vue
설명
  • v-bind는 데이터와 속성 및 표현식을 귀속시키는 데 사용되며, 약자':
    //     
<p v-bind="message"></p>
 
//     
<p :class="myClass"></p>
  • v-model 명령은 폼 컨트롤 요소에 양방향 데이터 귀속을 만드는 것을 말한다 는 js의 vue 실례에 있는 데이터와 과장된dom 요소의 내용이 일치하고 양자가 누가 바뀌어도 다른 쪽은 똑같은 데이터로 업데이트된다는 것을 말한다.가장 기초적인 것은 하나의 연동 효과를 실현하는 것이다
     <input type="radio" v-model="inpFruits" value="apple">
 <input type="radio" v-model="inpFruits" value="banana">
<input type="radio" v-model="inpFruits" value="pear">
  • v-model 폼 컨트롤을 제외한 탭은 아무런 효과가 없음
  • v-model사실v-bind과v-on의 문법사탕
    <input v-model="something">
<input v-bind:value="something" v-on:input="something = $event.target.value">
/*         */
    • httpclient 간단 한 예
    spark 1.4 설정 학습

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage