[VUE] teleport 사용하기 (원하는 곳으로 코드 이동)
·
프로그램/VUE
안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - git: 2.37.1.windows.1 - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 - @vue/cli(vue3): 5.0.8 - vue-router: 4.1.3 현재 사용하고 있는 코드가 공통 작업 또는 다른 vue에 사용되어야할 때가 있습니다. 이때 텔레포트를 사용하면 됩니다. 1. App.vue 세팅하기 router-view만 있는 App.vue입니다. 2. Main.vue 세팅하기 Main.vue입니다. 3. 실행해서 요소 값 확인하기 vue는 id="app"에 모든 요소가 들어가 있습니다. 4. Main.vue에서 App.vue 요소에 값을 이동시키기 #..