vue怎么设置在另一个页面重新加载某个组件component

你可以使用Vue的动态组件和key属性来实现在另一个页面重新加载某个组件。具体来说，你可以在父组件中使用动态组件标签并设置key属性为组件的名称，当需要重新加载某个组件时，更新key属性的值即可。这会触发Vue重新渲染该组件并触发其生命周期钩子函数。例如：

在父组件中：

<template>
<div>
<component :is="currentComponent" :key="componentKey"></component>
</div>
</template>

<script>
export default {
data() {
return {
currentComponent: 'ComponentA',
componentKey: 1
}
},
methods: {
reloadComponent() {
// 更新key属性的值来重新加载ComponentA组件
this.componentKey += 1
}
}
}
</script>

在子组件ComponentA中可以重写created()钩子函数，当组件被重新加载时会被触发：

<script>
export default {
created() {
console.log('ComponentA重新加载了')
}
}
</script>

相关问题

vue怎么设置重新加载某个组件component呢

你可以通过给组件添加一个 key 值来实现重新加载某个组件。每当 key 值发生变化时，Vue 会重新渲染该组件并尝试复用之前的实例。以下是一个示例：

<template>
<div>
<button @click="reloadComponent">重新加载组件</button>
<component :is="currentComponent" :key="componentKey"></component>
</div>
</template>

<script>
import ComponentA from './ComponentA.vue'
import ComponentB from './ComponentB.vue'

export default {
data() {
return {
currentComponent: 'ComponentA',
componentKey: 0,
}
},
methods: {
reloadComponent() {
// 改变 key 值实现重新加载组件
this.componentKey += 1
},
},
components: {
ComponentA,
ComponentB,
},
}
</script>

在示例中，我们给组件添加了 key 值，并在按钮点击事件中修改了 key 值，从而实现了重新加载组件的效果。

vue怎么设置在页面a重新加载页面b里的一个组件component

对于这个问题，可以通过使用Vue的路由来解决。在页面a中，通过Vue Router进行页面的跳转，并且使用props属性将需要在页面b中呈现的组件component传递过去。在页面b中，在组件component的mounted钩子函数中，可以通过props获取到传递过来的组件并进行渲染。需要注意的是，页面b需要先加载Vue框架及其相关依赖，才能正确渲染组件。