Vue 细节补充

  1. 在普通 DOM 中使用 ref 时,通过 this.$refs.xxx 获取到的就是 DOM 元素。
  2. 在组件上使用 ref 时,通过 this.$refs.xxx 获取到的是该组件对象。
  3. 在组件的 <style</style> 标签上添加 scoped 属性,表示这些样式只在该文件中有效。
  4. 如果在使用组件时,为组件设置了 class 等,则这些会被自动加到组件的根标签中。
  5. 在生命周期函数 created() 中需要慎用获取 DOM 的相关方法,因为可能会获取不到。$refs 等也要慎用。