이 글에서는 Vue에서 전역 변수와 전역 메서드를 정의하는 방법을 소개합니다. (코드), 특정 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
1. 글로벌 가져오기 파일
1. 먼저 공통 컴포넌트 common.vue
1 2 3 4 5 6 7 8 9 10 11 12 | <script type= "text/javascript" >
const httpUrl = 'http://39.105.17.99:8080/'
function commonFun() {
console.log( "公共方法" )
}
export default {
httpUrl,
commonFun
}
</script>
|
로그인 후 복사
를 정의합니다. 2. 필요한 곳에
1 2 3 4 5 6 7 8 9 10 11 12 | <script>
import global from './common.vue'
export default {
data () {
return {
username: '' ,
password: '' ,
globalHttpUrl: global .httpUrl
}
},
|
로그인 후 복사
를 가져옵니다. 3. 메인에 전역 변수 및 메소드를 도입합니다. .js
1 -
1 2 3 | <template>
{{globalHttpUrl}}
</template>
|
로그인 후 복사
를 사용하려면 먼저 main.js를 구성해야 합니다
1 2 3 | import global from './common.vue'
Vue.prototype.COMMON = global
|
로그인 후 복사
1 2 3 4 5 6 7 8 9 | export default {
data () {
return {
username: '' ,
password: '' ,
globalHttpUrl: this.COMMON.httpUrl
}
},
|
로그인 후 복사
. 추천 관련 기사:
vue 구성 요소를 전역적으로 마운트하는 방법은 무엇입니까? Vue 구성요소를 전역적으로 마운트하는 방법 소개(코드)
Vue 프로젝트의 전역 변수 및 전역 함수에 대한 자세한 설명
VUE에서 전역 변수를 정의하는 여러 방법에 대한 자세한 설명
위 내용은 vue에서 전역 변수와 전역 메소드를 정의하는 방법은 무엇입니까? (암호)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!