小知识点

1.在setup函数中调用一个use函数，得到的对象数据是否是独立的？

import { ref } from 'vue'

// 抽离针对于flag数据的操作部分
export function useFlag() {
  const flag = ref(false)
  function setFlag(newFlag) {
    flag.value = newFlag
  }
  return {
    flag,
    setFlag
  }
}

const { flag, setFlag } = useFlag()

2.setup只会执行一次

如果想要在模板中使用的数据依赖于它的响应式特性，必须在声明数据的时候就使用ref或者reacitive进行操作，不要企图在某个时机下再把数据变成响应式的，setup函数不会重新返回，以首次数据为主

3.Proxy行为表现

new Proxy([],function(){}) instanceof Array   //true

Object.getPrototypeOf(new Proxy([],function(){}))   //数组