生命周期和模板引用 {#lifecycle-and-template-refs}

目前为止，Vue 为我们处理了所有的 DOM 更新，这要归功于响应性和声明式渲染。然而，有时我们也会不可避免地需要手动操作 DOM。

这时我们需要使用模板引用——也就是指向模板中一个 DOM 元素的 ref。我们需要通过这个特殊的 ref attribute 来实现模板引用：

<p ref="pElementRef">hello</p>

要访问该引用，我们需要声明并暴露一个同名的 ref：

const pElementRef = ref(null)

setup() {
  const pElementRef = ref(null)

  return {
    pElementRef
  }
}

注意这个 ref 使用 `null` 值来初始化。这是因为当 `