Vue3项目中使用组合式api(以element-plus为例)
Vue3项目中使用原生js套用element-plus
·
最近接触Vue3不久,发现V3不再支持element ui了,但推出了支持V3的进阶版element-plus,大致使用下来跟element ui其实差不多,然后v3最大的便利就是用了组合式api,比v2选项式要方便很多。
以element plus的Pop confirm(弹出确认框)举例:
第一次使用该组件时,以为跟element ui没什么不同,于是直接复制粘贴,然后问题就来了,出现一大堆报错:
查来查去发现V3官网写法用的是组合式api,也就是这一行:
知道问题那就好办了,直接加个setup就可以改为组合式了,但百度了半天没找到咋改,于是花了点时间去详细了解V3的语法,组合式setup不需要将数据return出来,直接引入则可以直接使用,比v2方便很多。
完美解决:
更多推荐
已为社区贡献1条内容
所有评论(0)