清淨
  • Java

    • Java 基础
  • 框架

    • Flyway
    • MapStruct
    • Spring Cloud
  • 中间件

    • Elasticsearch
    • Redis
    • RabbitMQ
    • Kafka
  • 三剑客

    • HTML
    • CSS
    • JavaScript
  • 进阶

    • jQuery
    • ECMAScript6
    • TypeScript
  • Vue

    • Vue2
    • Vue3
    • VuePress
  • Linux
  • Jenkins
  • Maven
  • MySQL
  • 插件工具
  • 代码集成
  • 其它

    • 数据结构与算法
    • 计算机网络
    • 操作系统
    • 设计模式
迁移日志
订阅号
微信订阅号
微信订阅号
GitHub
  • Java

    • Java 基础
  • 框架

    • Flyway
    • MapStruct
    • Spring Cloud
  • 中间件

    • Elasticsearch
    • Redis
    • RabbitMQ
    • Kafka
  • 三剑客

    • HTML
    • CSS
    • JavaScript
  • 进阶

    • jQuery
    • ECMAScript6
    • TypeScript
  • Vue

    • Vue2
    • Vue3
    • VuePress
  • Linux
  • Jenkins
  • Maven
  • MySQL
  • 插件工具
  • 代码集成
  • 其它

    • 数据结构与算法
    • 计算机网络
    • 操作系统
    • 设计模式
迁移日志
订阅号
微信订阅号
微信订阅号
GitHub
  • Vue2

    • 简介
    • 起步
    • Vue 实例
    • Vue 指令
    • 监听数据变化
    • 操作 DOM
    • 组件化
    • 模块化
    • webpack
    • Vue CLI
    • Vue-Router
    • Vuex
    • 事件总线 $bus
    • 混入 Mixin
    • better-scroll
    • Axios
    • Vue 细节补充
    • 项目中遇到的问题

Vue 细节补充

  1. 在普通 DOM 中使用 ref 时,通过 this.$refs.xxx 获取到的就是 DOM 元素。
  2. 在组件上使用 ref 时,通过 this.$refs.xxx 获取到的是该组件对象。
  3. 在组件的 <style</style> 标签上添加 scoped 属性,表示这些样式只在该文件中有效。
  4. 如果在使用组件时,为组件设置了 class 等,则这些会被自动加到组件的根标签中。
  5. 在生命周期函数 created() 中需要慎用获取 DOM 的相关方法,因为可能会获取不到。$refs 等也要慎用。
想要编辑此页?
上次更新: 2023/3/18 19:48
贡献者: djf
←Axios项目中遇到的问题→
[ 纸上得来终觉浅绝知此事要躬行 ]
Copyright © 2021-present Junfeng Dai
蜀ICP备2021009537号