vue3.0 setup 函数的注意点

setup 函数的执行时机:

setup 函数的执行时机在beforeCreate 之前执行， this的指向问题就是underfined。

setup 函数的连个参数

props值: 为对象，包含组件外部传传递过来的， 且组件内部声明接受的属性。

 content: 上下文对象：
   attrs: 值为对象， 包含组件外部传递过来的， 但是没有在props 配置中声明的属性。 相当于this.$attrs.

slots: 收到的插槽的内容，相当于this.$slots

emit：分发自定义事件函数， 相当于this.$emit

vue 3.0 组合API 就是一堆内置函数, 组合API 分别需要引入才可以使用。

watchEffect 函数:

watch 的套路是: 既要指明监听的属性， 也要指明监听的回调。

watchEffect 的套路是: 不用指明监听哪个属性， 监听回调中指明哪个属性， 就是监听哪个属性。

watchEffect有点像computer 计算属性:

但是computer计算属性注重计算出来的值(回调函数的返回值)， 所以不必写返回值。

watchEffect 更注重的是过程 (回调函数的返回体)， 所以不必写返回值。

// watchEffect 所指定的回调中用到的数据只要发生变化， 则重新执行回调。

watchEffcct(()=> {

const x1 = sum.vallue;

const x2 = person.age;

    console.log('watchEffect配置回调函数执行了')

})