>  기사  >  웹 프론트엔드  >  vue.js에서 변수를 정의하는 방법

vue.js에서 변수를 정의하는 방법

王林
王林원래의
2020-11-25 16:59:026345검색

vue.js에서 변수를 정의하는 방법: 먼저 vue 모듈을 정의한 다음 const를 사용하여 변수를 정의하고 내보내기를 사용하여 노출합니다. 마지막으로 전역 변수를 사용해야 하는 모듈에서 가져옵니다.

vue.js에서 변수를 정의하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, vue 버전 2.9 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

(관련 동영상 공유: javascript 동영상 튜토리얼)

변수 정의 단계는 다음과 같습니다.

1. vue 모듈을 정의하고 const로 변수를 정의한 후 내보내기를 사용하여 노출합니다.

Globle.vue

<script>
// 服务端url
    const SERVER_BASE_URL = &#39;http://10.199.xxx.x0:8081/&#39;
    export default{
        SERVER_BASE_URL
    }
</script>

2. 전역 변수를 사용하는 모듈의 경우

test.vue

import global_ from &#39;components/common/Global.vue&#39;
console.log(global_.SERVER_BASE_URL)

를 사용하기 전에 가져오세요. 관련 권장 사항: vue.js tutorial

위 내용은 vue.js에서 변수를 정의하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.