Vue3的setup基础

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue3的setup基础相关的知识,希望对你有一定的参考价值。

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

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

子组件调用父组件方法

子组件向父组件传值

生命周期函数的调用

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

以上是关于Vue3的setup基础的主要内容,如果未能解决你的问题,请参考以下文章

vue3.2 基础及常用方法

精品vue3中setup语法糖下通用的分页插件

Vue 之 vue3 的一些新特性的知识梳理(主要是在setup 语法糖中的语法编写,含vuex 4状态管理vue-router 4路由管理)

解锁vue3全家桶和ts正确姿势

Vue3之响应式

vue3中的setup