일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- c#
- 자바스크립트
- 객체리터럴
- EntityFramework
- 이벤트리스너
- 자바스크립트recude
- 자바스크립트객체리터럴
- 콜백함수
- 제로초
- 인프런무료강좌
- Blazor
- NPM
- 인프런자바스크립트
- 인프런인강
- 코딩
- 인프런강좌
- sort
- 객체의비교
- 자바스크립트파라미터
- slice
- HTTP
- 인터넷프로토콜
- 인프런
- 자바스크립트함수
- 비주얼스튜디오
- 고차함수
- 자바스크립트틱택토
- 인프런강의
- 틱택토구현
- .NET
- Today
- Total
목록전체 글 (145)
샐님은 개발중

* props 로 데이터 전달 시 숫자, 객체, 문자열등 다양한 형태로 전달 가능 1. User.vue -부모 컨포넌트(객체 데이터 전달) User Info User Name is {{name}} Name Change 2. UserDetail.vue - 자식 컴포넌트(객체 데이터 받아서 화면에 뿌림) More user Info User Name {{ChildrenofUser.name}} {{ChildrenofUser.familyName}}

*부모(user.vue)에서 자식(userDetail.vue)로 데이터 전달하기. 1. App.vue 2. User.vue - 부모 컨포넌트 User Info User Name is {{name}} Name Change 3. UserDetail.vue -자식 컨포넌트 More user Info User Name {{ChildrenofUser}}

1. App.vue //1. router-link :to 를 사용해 화면전환 및 파라미터 전달 About //2. click 이벤트로 라우터 호출 About2 2.router.js const Users = () =>{return import ("./views/Users.vue")} export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/users/:id', //전달할 변수명 지정 :/변수명 name: 'users', component: Users //위에 import한 부분의 변수명과 같게 } ] 3. Users.vue Users {{id}} {{$route.params.name}} query ..