vue3.0 ref reactive nextTick watch toRaw defineProps defineEmits

目前使用的一些属性持续更新中

ref:推荐定义基本数据类型(ref值也可以是对象，但是一般情况下是对象直接使用reactive更合理)。

const  data = ref( {id: "1"} )
console.log(data.value)

reactive:创建响应式对象的方法。

const data = reactive({ data: [{ name: 'gg' }] })
 console.log(data.data)

nextTick

nextTick(() => {
      //方法
 })

watch

// data 监听的数据
watch(()=>data,(newVal, oldVal)=>{
console.log(newVal, oldVal)
},{deep:true})

toRaw

const data = reactive({ data: [{ name: 'gg' }] })
console.log(data.data, toRaw(data.data))

组件传值

defineProps

const props = defineProps({
  dialogFormVisible: {
    type: Boolean
  }
})

console.log(props.dialogFormVisible)

defineEmits

const emit = defineEmits(['cancelAdd'])
emit('cancelAdd')