目录
- Vue Tutorial
-
Scaling Up
- Vue Why, How and Setup
- Vue First SFC Page
- Vue Components
- Vue Props
- Vue v-for Components
- Vue $emit()
- Vue Fallthrough Attributes
- Vue Scoped Styling
- Vue Local Components
- Vue Slots
- Vue v-slot
- Vue Scoped Slots
- Vue Dynamic Components
- Vue Teleport
- Vue HTTP Request
- Vue Template Refs
- Vue Lifecycle Hooks
- Vue Provide/Inject
- Vue Routing
- Vue Form Inputs
- Vue Animations
- Vue Animations with v-for
- Vue Build
- Vue Composition API
- Vue Reference
- Vue Examples
Vue 'mounted' Lifecycle Hook
Example
Using the mounted lifecycle hook to put the cursor inside the input field as soon as the component is mounted.
<script>
export default {
mounted() {
this.$refs.inpName.focus();
}
}
</script>
Definition and Usage
The mounted lifecycle hook happens after the Vue component is mounted to the DOM tree.
Because the component is mounted, we can access the properties that belong to the component instance such as data or computed, and we can access the component's DOM elements because they have just been mounted to the DOM.
Related Pages
Vue Tutorial: Vue Lifecycle Hooks
Vue Tutorial: The 'mounted' Hook
Vue Reference: Vue 'beforeMount' Lifecycle Hook
截取页面反馈部分，让我们更快修复内容！也可以直接跳过填写反馈内容!