Vue3组合式apiscript setup提案使用emitprop组件通信
在Vue3组合式api开发中,所有模板中使用的变量都需要return暴露模板,这样会给开发者增加很多心智负担,所以又有了提案script setup
之前:
{{mes}}
提案:
{{ mes }}
但是在我开发中使用发现变量名字无需return,但是props和ctx参数无法使用,还报出了一些错误
发现相关报错信息狗,去推特询问作者了尤雨溪,并且得到了回复:
简单的看就是我使用的方法过时了,不在使用,在去GitHub察看最新方案后,整理出:
{{mes}}
<组件>组件>
变化:
- prop,emit等参数需要引入(推荐使用vscode函数内使用会直接帮助您引入)
- 组件不在components需要定义只需引入
- 双向绑定变量不在需要return全部暴露模板