vue3中的Props

Props声明

一个组件需要显示声明它所接受的props,这样vue才能知道外部传入的哪些是props,哪些是透传attribute

在使script setup的单文件中,props可以使用 ==defineProps()==宏来声明:

<script setup>
const props= defineProps(['foo'])

console.log(props.foo)
<script>

在没有使用script setup的组件中,prop可以使用props选项来声明:

export default{
	props:['foo'],
	setup(props){
	//接收props作为第一个参数
	console.log(props.foo)
	}
}

注意传递给defineProps的参数和提供给props选项的值是相同的,两种声明方式背后其实使用的都是prop选项。
除了使用字符串数组来声明prop外,还可以使用对象的形式:

//使用
                    
                    

你可能感兴趣的:(vue2.0&3.0,vue.js,前端,javascript)