여행과 일상

이번에는 공통으로 사용되는 함수들을 모아 전역 변수로 선언한 후 해당 변수를 통해 함수를 호출하는 방법을 알아보도록 하겠습니다.먼저 공통 함수들을 선언하는 파일을 utils.js 라고 명명하고 아래와 같이 작성합니다.  // utils.js export default { // 숫자 외 문자삭제 후 리턴 inputNumber: (v) => { return v.replace(/[^0-9]/g, '') } } 그리고 main.js 에서 utils.js 파일을 import 후 전역 변수에 $utils 라는 이름으로 등록합니다.  // main.js import { createApp } from 'vue' import App from './App.vue' import ro..

아래는vue3 에서 script setup 방식으로 전역변수를 사용하는 예제 입니다. 전역변수 설정case 1provide 를 사용하여 전역변수를 설정하는 방법.file: main.js ... const appTitle = 'hello nobody' const app = createApp(app) .provide('$title', appTitle) .mount('#app') case 2config.globalProperties 를 사용하는 방식으로 provide 와 동일하게 vue3 에서 전역 애플리케이션 인스턴스에 속성을 추가할 수 있는 기능.file: main.js...const appTitle = 'hello nobody'const app = createApp(app)...app.con..