vue实现div中内容刷新，但是不刷新整个页面

在Vue.js中，如果你想实现在某个`<div>`中的内容动态更新而不重新加载整个页面，通常可以使用组件的`v-if`、`v-show`指令，或者是`v-component`（如果使用的是单文件组件）以及数据绑定和计算属性。

1. **v-if** 和 **v-show**：
- `v-if` 当表达式的值为假时会将其移除，值为真时插入。如果需要立即切换显示状态，推荐使用`v-show`，因为它只是改变元素的CSS样式，不会真正从DOM中移除元素。

   <div v-if="shouldRefresh">新内容</div>
   <div v-show="shouldRefresh">新内容</div>

2. **动态组件** (仅适用于单文件组件)：
如果内容由不同的组件构成，你可以根据数据变化动态替换组件：

   <template v-if="componentType === 'typeA'">
     <componentA></componentA>
   </template>
   <template v-else-if="componentType === 'typeB'">
     <componentB></componentB>
   </template>

3. **数据绑定和计算属性**：
更新数组或对象的数据，并通过`v-for`遍历展示，当数据发生改变时，对应的视图部分会被更新，而无需重新渲染整个页面。

   <ul>
     <li v-for="(item, index) in items" :key="index">{{ item.content }}</li>
   </ul>

记住，上述操作都基于Vue的数据驱动视图原理，确保你在合适的生命周期钩子（如`updated()`或`mounted()`）中更新你的数据。