vue의 를 문자열을 내보낼 수 있습니까? export default
예, vue의 는 문자열을 내보낼 수 있습니다. 일반적인 사용법은 아니지만
는 모듈에서 a export default
단일 export default
값을 내보내도록 설계되었으며 해당 값은 문자열을 포함한 모든 데이터 유형 일 수 있습니다. 예를 들면 다음과 같습니다. 이 코드는 문자열을 "mystring.js에서 hello"를 내보내는 모듈을 만듭니다. 그런 다음 다른 모듈 에서이 문자열을 가져 와서 사용할 수 있습니다. 이 예에서 는 <code class="javascript">// myString.js
export default 'Hello from myString.js';</code>를 사용하여 템플릿에 "mystring.js에서 hello"를 표시합니다.
// MyComponent.vue
import myString from './myString.js';
export default {
data() {
return {
message: myString
};
},
template: `
<div>
<p>{{ message }}</p>
</div>
`
};
를 내보낼 수 있습니까? 요소. 그러나이 문자열이 전체 구성 요소 정의를 대체한다는 것을 이해하는 것이 중요합니다. 구성 요소 자체는 렌더링되지 않습니다. 대신, 문자열은 내보내기 값이됩니다. MyComponent
myString
이 예를 고려하십시오 : 다른 구성 요소에서 이것을 사용하려고하면 다음과 같은 다른 구성 요소에서 이것을 사용하려고한다면 : 가 문자열로 무시 당했기 때문입니다. export default
를 사용하여 문자열을 내보내는 의미는 무엇입니까?
vue.js 프로젝트에서<code class="javascript">// MyComponent.vue export default 'This is my string literal';</code>를 사용하여 문자열을 내보내는 것은 주로 성분의 의도 된 사용과 관련이 있습니다. 주요한 의미는 VUE 구성 요소의 핵심 기능을 잃어버린 것입니다. UI 요소를 렌더링합니다. 파일을 문자열을 내보내는 간단한 JavaScript 모듈로 효과적으로 변환합니다. 이로 인해 혼란과 유지 보수 문제가 발생할 수 있습니다. 파일을 구성 요소로 사용하려는 경우 를 사용하여 문자열을 내보내면이를 방지합니다. 또한 예상 구성 요소 구조에 의존하는 코드가 파손됩니다. 구성 요소의 표준 내보내기를 문자열로 대체 할 매우 구체적인 이유가없는 한 일반적으로 패턴 방지로 간주됩니다.
<code class="javascript">// AnotherComponent.vue import MyComponent from './MyComponent.vue'; export default { data() { return { message: MyComponent }; }, template: ` <div> <p>{{ message }}</p> </div> ` };</code>외에 VUE 구성 요소에서 문자열과 같은 간단한 데이터 유형을 내보내는 것이 선호되는 방법이 있습니까? 구성 요소의 내보내기를 교체하는 대신 구성 요소의 또는
AnotherComponent
내에서 문자열을 지명 된 내보내기로 내보내야합니다. 구성 API를 사용하여 (export default
> 옵션을 사용하여 API : export default
.이 접근법은 문자열을 구성 요소 정의와 분리하여 구성 요소와 문자열을 독립적으로 사용할 수 있습니다. 이것은 더 깨끗하고 체계적이며 간단한 데이터 유형에 <code class="javascript">// myString.js export default 'Hello from myString.js';</code>를 사용하는 잠재적 인 함정을 피합니다. 이것은 VUE 구성 요소와 함께 간단한 데이터 유형을 내보내는 데 선호되는 방법입니다.
위 내용은 VUE 내보내기 문자열의 내보내기 기본값은?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!