Emma.log()

{{ message }} 메시지 변경 name : {{ name }} {{ idx +1 }}. {{ item }} 로그인아웃 {{ isLoggedIn ? '로그아웃' : '로그인' }}vue3에서는 아래 setup문법을 사용vue2에서 하던 new Vue({ el : '#app', data : {}  })new Vue({ el : '#app', data : { myArray : [] } })이 구문 말고ref() 를 사용한다. 아래 예시 참고 const message = ref('안녕하세요!'); const name = ref(''); const data = ref(['vue', 'react', 'angular']) const is..

div id="app">        ul>            li v-for="(item, idx ) in myArray" :key="idx"> {{ item }}                button @click="plusOne(idx)">변경button>                    button @click="removeRow(idx)">삭제button>                li>            button @click="addLast">추가button>            button @click="sortData">소트button>            button @click="showGugudan">구구단 보이기button>            li v-show="show..

var array = [1,2,3,4,5,6,7]        function evenData(){            this.array = this.array.filter(                function(value){                    return value %2 == 0;                }            )        }

v-model 지시자 v-model 지시자는 폼 혹은 텍스트 영역 입력과 템플릿에 양방향 데이터 바인딩을 생성한다. 이것으로 애플리케이션 모델의 데이터가 UI와 항상 동기화할수있다. 양방향 데이터 바인딩을 한다. 다만 v-once 지시자를 사용해 특정 속성을 단방향으로 지정할수도 있다. 양방향 데이터 바인딩 뷰 ---- vue 의 변화는 모델을 업데이트 ----> 모델 뷰 < ------- 모델의 변화는 뷰를 업데이트 ---- 모델 * v-once 지시자는 하나의 요소나 컴포넌트를 딱 한번 렌더링한다. 추가로 렌더링할때는 이미 만든 요소나 컴포넌트를 정적인 콘텐츠로 인식해 건너뛴다. v-model 지시자는 텍스트박스, 텍스트영역, 체크박스, 라디오버튼, 셀렉트 드롭다운을 포함하는 여러 종류의 폼 입력을 ..