vue3.0 新特性
2020-12-01 14:53:24 1 举报AI智能生成
登录查看完整内容
vue3.0必须知道的一些新特性
作者其他创作
大纲/内容
vue3.0 新特性
createApp
全局挂载改变
传值
大部分库将不支持使用
事例：
Element-ui
setup
生命周期
beforeCreate -> use setup()
created -> use setup()
beforeMount -> onBeforeMount
mounted -> onMounted
beforeUpdate -> onBeforeUpdate
updated -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed -> onUnmounted
errorCaptured -> onErrorCaptured
ref
注意项：
一次只能传一个值
改变需加上\".value\"后缀
reactive
传入\"{ }\"，赋值操作不需要加上\".value\"后缀
传入\"ref()\"对象，后续操作需要解套ref
也可以传一个：带参函数，返回对象
toRefs
template内{{ name }}即可
也可以传入一个普通对象
watchEffect
与watch的差异
watchEffect在setup或生命周期中注册的话，组件停止挂载将会自动停止
每当testmr.name发声改变时，“嘿嘿...”将被打印
这里测试用，监听testmr.name新值，从而停止watchEffect监听
setup函数只能是同步的不能是异步的
0 条评论
回复 删除
下一页
