vue3的mounted
时间: 2023-10-27 19:06:35 浏览: 150
vue 在methods中调用mounted的实现操作
5星 · 资源好评率100%
在Vue3中,mounted()函数被用来代替Vue2中的inserted()函数,作为全局自定义指令的一种方式。在main.ts文件中,我们可以通过以下方式创建一个全局自定义指令,并在mounted()函数中执行需要的操作:
```javascript
import { createApp } from 'vue';
const app = createApp(App);
app.directive("my-focus", {
mounted(el) {
el.focus();
}
});
app.use(store).use(router).mount('#app');
```
这样,在应用程序中使用该指令时,指定的元素会自动获取焦点。这是Vue3中自定义指令的一种用法。
阅读全文