vue3的props用法
时间: 2023-08-26 11:18:59 浏览: 108
Vue中props的使用详解
在Vue 3中,有几种方式可以定义props。
第一种方式是使用字符串数组的方式声明props。例如,在脚本标签中使用`defineProps`函数并传入一个字符串数组,每个数组元素代表一个props的名称。然后可以在模板中直接使用这些props。比如:
```javascript
<script setup lang="ts">
const props = defineProps(["cat"]);
console.log(props.cat);
</script>
```
在这个例子中,我们声明了一个props叫做"cat",然后可以在模板中使用`props.cat`来获取它的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue3 props的使用详解](https://blog.csdn.net/qq_45662523/article/details/126671079)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文