uniapp页面给组件传递数据

相逢太短，莫等茶凉

于 2022-02-07 11:50:29 发布

阅读量1.6k

点赞数

分类专栏： uniapp 文章标签：前端 vue.js css3

本文链接：https://blog.youkuaiyun.com/weixin_43849543/article/details/122806534

版权

uniapp 专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了在Vue中如何通过props实现页面向组件传递数据以及组件如何接收并处理这些数据。内容涵盖props的定义、数据类型的指定以及默认值设置。此外，还提到了一个过滤器方法`tofixed`，用于将数字格式化为带有两位小数的字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.页面给组件传递数据

在这里插入图片描述

2.组件接收数据

在这里插入图片描述

export default {
		name: "my-goods",
		// 定义 props 属性，用来接收外界传递到当前组件的数据
		props: {
			// 商品的信息对象
			goods: {
				type: Object,
				defaul: {},
			},
		},
		data() {
			
		},
		filters: {
			// 把数字处理为带两位小数点的数字
			tofixed(num) {
				return Number(num).toFixed(2)
			}
		},
		methods: {
			
		}
	}