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