vue输入你喜欢的季节，根据输入季节信息，显示相应季节对应的诗句，效果类似下图。 提交代码和页面效果截图。

我可以帮助您理解如何使用Vue.js来实现这样的功能，但请注意，由于这是一个文本平台，我无法直接提供实际的代码片段和截图。不过，我会给出步骤和示例代码。

首先，我们需要创建一个Vue组件，它包含一个输入框让用户选择季节，并在用户提交后显示相应的诗句。以下是一个简化的例子：

<template>
  <div>
    <input v-model="selectedSeason" placeholder="请输入季节">
    <button @click="displayPoem">显示诗句</button>
    <p v-if="currentPoem">{{ currentPoem }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedSeason: '',
      currentPoem: '',
      poems: {
        spring: '春眠不觉晓，处处闻啼鸟',
        summer: '接天莲叶无穷碧，映日荷花别样红',
        autumn: '停车坐爱枫林晚，霜叶红于二月花',
        winter: '孤舟蓑笠翁，独钓寒江雪'
      }
    };
  },
  methods: {
    displayPoem() {
      if (this.selectedSeason in this.poems) {
        this.currentPoem = this.poems[this.selectedSeason];
      } else {
        this.currentPoem = '未知季节的诗句';
      }
    }
  }
};
</script>

在这个例子中，当用户输入季节并点击按钮时，`displayPoem`方法会检查输入的季节是否存在于`poems`对象中。如果存在，则显示相应的诗句；否则显示默认的提示信息。

为了获取完整的页面效果，您需要将这段代码粘贴到一个Vue项目中，然后运行这个组件。记得先安装Vue，然后使用`<template>`、`<script>`和`<style>`标签构建您的组件。