关于前端:关于Vue3的defineProps用法

33次阅读

共计 412 个字符,预计需要花费 2 分钟才能阅读完成。

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

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

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

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

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

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

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

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

4. 豁然开朗

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

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


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

正文完
 0