나만의 컴퓨터 공학

컴포넌트에 속성과 이벤트를 뷰에 정의할 수 있는데, 사용자 정의 속성 및 사용자 정의 이벤트를 만들어서 적용할 수 있다. 속성사용자 정의 속성 : 전역 등록하거나 지역 등록한 컴포넌트를 사용할 때 컴포넌트와 함께 속성을 정의. App.vue 코드script>import UserProfile from './components/UserProfile.vue'; export default{ components : { UserProfile, }, data(){ return{ name : 'LJH', company : 'ljh99', age : 26, }; }, }script>template> UserProfile :name="name" :company="company" :age="age"/>template>st..

자바스크립트에서 이벤트를 다룰때 document객체의 여러 속성과 메서드를 조합해서 사용한다.이벤트는 사용자와 상호작용해서 발생하는 사건(마우스 클릭, 더블 클릭, 드래그 앤 드롭, 키보드)1. v-on 디렉티브 : methods 옵션 속성으로 이벤트 연결. 이벤트 타입(click, keyup, keydown, doubleclick)2. 이벤트 핸들러에 이벤트 객체를 전달하지 않으면, 이벤트 객체를 이벤트 핸들러가 처리하지 못한다. 이벤트 객체와 값을 함께 사ㅛㅇ하려면 $event와 값을 함께 넘겨주어야 한다. 3. modifier는 이벤트 처리 방식을 제어하는데 사용하는 기능. modifier를 사용하면 DOM이벤트 동작을 변경하거나 기능을 추가할 수 있다. 예제 : keyup 이벤트로 enter(숫자..