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