之前只是单纯的会用,因为vue对于父子组件通信差异有一点点大。

1.在父组件内传递变量的时候,须要加冒号:,否则你就只是单纯的传递了一个字符串而已。

2.在子组件里不须要引入defineProps就可调用该函数去接管父组件传来的属性。

我集体在这里给本人揭示⏰,可能我太迷糊了。

这里须要留神!!这是definePropsAPI是一个函数,它的返回值就是父亲传来的属性。

3.刚开始让我感到奇怪的是,我如同不必变量去接管,在template里也能失常应用。

那我还用变量接管干啥呢?这个API的返回值有毛线用啊?

也不必像React那样变量后面都得加一个props.才能够拜访,也没有构造去拿。这么不便吗?

4.豁然开朗

原来在script标签里间接拿属性用是拿不到的......

这里变量名不肯定非得是props,js可并没有规定不容许汉字作为变量名哦


下次聊聊defineEmits,次要react的一些思维还没齐全转变到vue上,还需致力!