vue3中props,watch,computed与vue2的区别

props
在vue2中我门需要这样定义和使用

props:['msg']
  console.log(this.$props.msg)

vue3需要这样

    props:['msg'],
    setup(props){
    
    
        console.log(props)
    }

vue3引入的setup生命周期钩子，让methods，钩子，watch，computed做了一个整合。类似React的函数式组件，
在setup中使用props它的底层是proxy来做数据响应。

watch和vue2本质上没什么区别

    const numbers = ref('')
  
    watch(numbers,(newValue) => {
    
    
        console.log(newValue)
    },{
    
    
        deep:true,
        immediate:true
    })

computed用函数式书写

    let addNum = computed({
    
    
      get() {
    
    
        return num.value + 1;
      },
      set(v) {
    
    
        return v
      },
    });