1、首先構造函數為中心 function Person() { } var p = new Person(); console.log('Person::', p) console.log(p.constructor Person) 列印如下： 可以看出構造函數通過new得到實例，實例可以通過【co ...
在 Vue 3.2+ 版本中，可以使用 <script setup> 替代傳統的 script標簽來編寫組件，它提供了更簡潔的語法來編寫 Composition API 代碼。
在 <script setup> 中，使用 defineProps 和 defineEmits時需要註意：
- 如果顯式地導入defineProps時，在編譯時會提示以下wanning
<script steup>
import { defineProps } from 'vue';
...
</script>
開發環境編譯時會提示
[@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.
原因是在 <script setup>中，defineProps 和 defineEmits 現在是編譯器巨集（compiler macros），這意味著你不再需要顯式地從 'vue' 包中導入它們。這些巨集在 <script setup> 的上下文中是自動可用的。
- 如果不顯式導出有可能提示以下錯誤
ERROR Failed to compile with 1 error
[eslint]
40:1 error 'defineProps' is not defined no-undef
要解決以上問題，既不重覆導入又不在編譯時提示warning，可以在package.json里添加一行配置：
package.json
...
"eslintConfig": {
"root": true,
"env": {
"node": true,
"vue/setup-compiler-macros": true #添加這行配置
},
...
