react & vue & angularvue

Vue3的setup基础

2022-05-17  本文已影响0人  蓝蓝红同学

基本使用

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

基本使用

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

赋予变量响应式

父子组件传值

父传子

子组件 父组件及效果

子传父

子组件调用父组件方法

子组件 父组件及效果

子组件向父组件传值

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

生命周期函数的调用

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

上一篇下一篇

猜你喜欢

热点阅读