之前只是单纯的会用,因为 vue 对于父子组件通信差异有一点点大。
1. 在父组件内传递变量的时候,须要加 冒号:
,否则你就只是单纯的传递了一个字符串而已。
2. 在子组件里不须要引入 defineProps
就可调用该函数去接管父组件传来的属性。
我集体在这里给本人揭示⏰,可能我太迷糊了。
这里须要留神!!这是defineProps
API 是一个函数,它的返回值就是父亲传来的属性。
3. 刚开始让我感到奇怪的是,我如同不必变量去接管,在 template
里也能失常应用。
那我还用变量接管干啥呢?这个 API 的返回值有毛线用啊?
也不必像 React 那样变量后面都得加一个 props.
才能够拜访,也没有构造去拿。这么不便吗?
4. 豁然开朗
原来在 script
标签里间接拿属性用是拿不到的 ……
这里变量名不肯定非得是props
,js 可并没有规定不容许汉字作为变量名哦
下次聊聊defineEmits
,次要 react 的一些思维还没齐全转变到 vue 上,还需致力!