小编Pav*_*rić的帖子

我创建了一个由两个主要组件组成的小应用程序，我使用 vue 路由器在组件之间进行路由。

第一个组件称为 MoviesList，第二个组件称为 Movie。我已将它们注册到routes js 文件中。

const routes = [
  {
    path: '/',
    name: 'Home',
    component: MoviesList
  },

  {
    path: '/:movieId',
    name: 'Movie',
    component: Movie
  }
  
]

我的 App.vue 模板如下所示

<template>
   <router-view></router-view>
</template>

如何使 MovieList 组件缓存起来，或者说它是用<keep-alive>标签包裹的？期望的结果是缓存 MovieList 组件，而不缓存 Movie 组件。

我想这样做，因为 MovieList 组件有一个在 Mounted() 钩子上运行的方法，每当我切换路由并返回时，该方法都会再次运行，因为组件被重新渲染。

你好,

我正在尝试对图像进行JavaScript动态显示.

这是我的代码:

<div class="info_image_click" style="display: none;">
    <img src="slike/info_slika_click.jpg" />
</div><!--kraj info_image_click-->

<a href="javascript:void(null);">
    <div class="info_image" style="margin: 0px auto;">
        <img src="slike/info_slika.jpg"/>
    </div>
</a><!-- info slika -->

<script>
    $('.info_image').click(function () {
        $('.info_image_click').show();
    });
</script>

当有人点击"info_image"(这是小图片)时,它会打开"info_image_click"(这就是大图).我不知道用户如何通过点击他所在的外部容器来隐藏"info_image_click".抱歉我的英文:)