vue 정의 전역 변수 와 전역 방법 예시
2906 단어 Vue
1. 공용 구성 요소 common. vue 를 먼저 정의 합 니 다.
?
1 2 3 4 5 6 7 8 9 10 11 12
<code>"text/javascript"</code><code>></code></p> <p><code> </code><code>// </code></p> <p><code> </code><code>const httpUrl = </code><code>'http://39.105.17.99:8080/'</code></p> <p><code> </code><code>function</code> <code>commonFun() {</code></p> <p><code> </code><code>console.log(</code><code>" "</code><code>)</code></p> <p><code> </code><code>}</code></p> <p><code> </code><code>// </code></p> <p><code> </code><code>export </code><code>default</code> <code>{</code></p> <p><code> </code><code>httpUrl,</code></p> <p><code> </code><code>commonFun</code></p> <p><code> </code><code>}</code></p> <p><code>
2. 사용 할 곳 에서 가 져 오기
?
1 2 3 4 5 6 7 8 9 10 11 12
//
import global from
'./common.vue'
export
default
{
data () {
return
{
username:
''
,
password:
''
,
//
globalHttpUrl: global.httpUrl
}
},
3. 사용
?
1 2 3
{{globalHttpUrl}}
2. main. js 에서 전역 변수 와 방법 도입
1. 공용 구성 요소 의 동상 을 정의 합 니 다.
2. main. js 에서 vue 에 도입 하고 복사 합 니 다.
?
1 2 3
//
import global from
'./common.vue'
Vue.prototype.COMMON = global
3. 사용
?
1 2 3 4 5 6 7 8 9
export
default
{
data () {
return
{
username:
''
,
password:
''
,
// , this
globalHttpUrl:
this
.COMMON.httpUrl
}
},
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.