【Vue】빠른 사용
4199 단어 Vue.jsComposition APIVue 3tech
<script setup>은
Vue v3.2부터 사용할 수 있는 문법.
요점은 다음과 같다.
<script>
보다 적은 설명으로 완성할 수 있다서법
이전의 서법
<script>
import { defineComponent } from 'vue';
export default defineComponent({
setup(){
console.log('hello');
}
})
</script>
script setup 쓰기 사용
<script setup>
console.log('hello');
</script>
이거 정말 시원하고 시원해요.defineComponent
읽을 필요도 없이 전체적인 기술량이 줄어든 것을 알 수 있다.응용 프로그램
이렇게 하면 기술을 완전히 생략할 수 있다. "emits와props는 어디에 쓰입니까?"내 생각에도 이런 의문이 있다.
<script setup>
const props = defineProps({
name: String
})
const emit = defineEmits(['onChange']);
</script>
에 관해서는 definePorps
와defineEmits
를 사용하면 OK.definePorps
와defineEmits
와defineComponent
처럼 특별히 import
할 필요가 없으며script setup
내에서 기본적으로 사용할 수 있다.
Reference
이 문제에 관하여(【Vue】빠른 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/harryduck/articles/7550e7fd938db5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)