Vue3的setup基础

作者: 蓝蓝红同学 | 来源:发表于2022-05-17 09:54 被阅读0次

基本使用

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

基本使用

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

赋予变量响应式

父子组件传值

父传子

子组件 父组件及效果

子传父

子组件调用父组件方法

子组件 父组件及效果

子组件向父组件传值

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

生命周期函数的调用

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

相关文章

网友评论

    本文标题:Vue3的setup基础

    本文链接:https://www.haomeiwen.com/subject/gxknurtx.html