vue如何判断组件加载完毕
时间: 2023-12-29 10:03:40 浏览: 227
vue-cli监听组件加载完成的方法
在Vue中,可以使用`mounted`钩子函数来判断组件加载完毕。`mounted`是Vue生命周期中的一个钩子函数,它会在组件挂载到DOM后立即被调用。
例如,假设你有一个名为`MyComponent`的组件,你可以在组件中添加以下代码来检测组件是否已经加载完毕:
```javascript
<template>
<div>
<!-- 组件内容 -->
</div>
</template>
<script>
export default {
mounted() {
console.log("组件已加载完毕");
},
};
</script>
```
在这个例子中,当`MyComponent`组件被挂载到DOM中时,`mounted`钩子函数将被调用,控制台将输出“组件已加载完毕”的信息。
阅读全文