基本使用

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

基本使用

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

赋予变量响应式

父子组件传值

父传子

子组件




父组件及效果

子传父

子组件调用父组件方法

子组件




父组件及效果

子组件向父组件传值

子组件传值




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

生命周期函数的调用

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