Vue3的setup基础

基本使用

setup内部定义的变量可通过return返回,这些变量和方法便可在模板中使用

基本使用

setup内定义的变量本事不具有响应式,即修改其内容时,页面不会发生改变,只有通过ref(基本数据类型)和reactive(复杂数据类型)才能让这些变量具有响应式。

赋予变量响应式

父子组件传值

父传子

子组件
父组件及效果

子传父

子组件调用父组件方法

子组件
父组件及效果

子组件向父组件传值

子组件传值
父组件接受子组件传来的参数

生命周期函数的调用

setup中在生命周期函数的前面加上on来实现;setup的调用实在props解析后,并且在setup中不能调用beforeCreate和create生命周期,因为二者的执行顺序接近。

版权声明:
作者:感冒的梵高
链接:https://www.techfm.club/p/45899.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>