关于props

关于props

# 具体遇到的问题


子组件接收父组件传来的数据时,props后面一定要写成数组[]的形式吗?为什么其他数据如methods data后面都是{},还是说这就是vue规定好的,记住就行?


# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,课程中引入了vue.js文件,在html中完成的代码,而老师用的vue-cli脚手架完成的。非常抱歉让同学产生了疑惑,但是props使用方式还是一样的。

关于疑惑的代码在后面vue项目中会有详细的讲解,是使用脚手架完成的,这里可以先不研究

http://img1.sycdn.imooc.com//climg/5f9a3267092560d312830340.jpg

祝学习愉快!

好帮手慕星星 2020-10-29 10:42:37

同学你好,props属性值有两种形式,数组[]或者对象{}。参考文档:

https://cn.vuejs.org/v2/guide/components-props.html

http://img1.sycdn.imooc.com//climg/5f9a2901090bf6af08310564.jpg

数组中接收传递过来的数据,对象中除了接收数据还可以规定数据的指定类型,如果传递类型有冲突,会有警告。例如:

传递给子组件数字类型

http://img1.sycdn.imooc.com//climg/5f9a2b5b096bde0c04510475.jpg

子组件中规定数据是数组类型

http://img1.sycdn.imooc.com//climg/5f9a2b720909430303480499.jpg

控制台中就会出现警告:期望是数组,但是得到的是数字,值为12

http://img1.sycdn.imooc.com//climg/5f9a2b8d09e424f511460152.jpg

这样也便于排除数据类型错误。使用的时候哪种方式都可以,如果数据类型需要规定,就用{}方式。

祝学习愉快!

  • 老师您的回答里面的这些东西好像课程里面没有说过啊 就是script下面的import from export default
    2020-10-29 10:59:50
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师