vue新增默认值怎么设置

在 Vue 中，你可以使用 v-bind 指令绑定组件的属性，然后使用 JavaScript 表达式来设置默认值。如果绑定的值为 undefined 或 null，则会使用表达式的默认值。
例如，假设你有一个 MyComponent 组件，它有一个 text 属性，你可以在组件中设置默认值如下：
<template>
<div>{{ text }}</div>
</template>

<script>
export default {
props: {
text: {
type: String,
default: 'Hello, world!' // 设置默认值为 'Hello, world!'
}
}
}
</script>
登录后复制
这样，当你在父组件中使用 MyComponent 时，如果不传递 text 属性，它会显示默认值 'Hello, world!'。
<template>
<div>
<my-component></my-component>
<my-component text="Welcome to Vue"></my-component>
</div>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
components: {
MyComponent
}
}
</script>
登录后复制