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