vue3非空断言！号设置属性

html

  <div ref="divRef">
  </div>
  <button @click="sethtml"></button>

js

//非空断言 :我们比ts更加清楚数据不是空值
const divRef = ref<HTMLDivElement | null>(null)
const sethtml = () => {
  //可选链操作符:作用是用来读取可能 存在属性
  //非空断言:作用是用来设置某个属性(可能为空,但绝对不是空)的值 
  divRef.value?.innerHTML //读取
  divRef.value!.innerHTML = '你好' //设置
}