vue.js - vue如何渲染组件后自动执行某个函数？

问题描述

问 题

是这样的，我有一个vue组件A，在export default { } 中定义了
methods:{
init: function () { console.log('aaaa') }
}
然后定义了一个路由路径{path：‘/’component:A }
当我在浏览器访问‘/’的时候我想自动执行init函数，那我是否应该在组件A里定义一个钩子函数？

解决方案

如果想无论跳到哪个路由都想执行一个函数，可以在main.js中注册router.beforeEach钩子。
如果只是跳到A中，才执行一个函数，可以在组件A中注册beforeRouteEnter钩子

这篇关于vue.js - vue如何渲染组件后自动执行某个函数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！