Svelte没有更新来自输入的派生值

Svelte是一种现代的JavaScript框架，用于构建用户界面。它的主要特点是编译时的框架，将组件转换为高效的JavaScript代码，以提供更快的加载和渲染速度。Svelte的目标是在开发过程中尽可能减少运行时的开销。

在Svelte中，派生值是一种特殊的响应式变量，它可以根据其他响应式变量的变化而自动更新。然而，Svelte目前还没有直接支持从输入值派生派生值的功能。这意味着在Svelte中，如果你想要根据输入值来计算派生值，你需要手动监听输入值的变化，并在变化时更新派生值。

虽然Svelte没有内置的支持，但你可以通过使用Svelte的生命周期钩子函数和自定义的逻辑来实现从输入值派生派生值的功能。你可以在组件的onMount和beforeUpdate钩子函数中监听输入值的变化，并在变化时更新派生值。具体的实现方式取决于你的具体需求和组件的结构。

在Svelte中，你可以使用以下步骤来实现从输入值派生派生值的功能：

1. 在组件的script标签中定义一个响应式变量，用于存储派生值。
2. 在组件的onMount钩子函数中，初始化派生值为输入值的初始值。
3. 在组件的beforeUpdate钩子函数中，检查输入值是否发生变化。如果发生变化，更新派生值。
4. 在组件的模板中使用派生值。

以下是一个示例代码，演示了如何在Svelte中实现从输入值派生派生值的功能：

<script>
  import { onMount, beforeUpdate } from 'svelte';

  let inputValue;
  let derivedValue;

  onMount(() => {
    derivedValue = calculateDerivedValue(inputValue);
  });

  beforeUpdate(() => {
    if (inputValue !== $$props.inputValue) {
      derivedValue = calculateDerivedValue(inputValue);
    }
  });

  function calculateDerivedValue(value) {
    // 根据输入值计算派生值的逻辑
    return value * 2;
  }
</script>

<input bind:value={inputValue} />

<p>派生值: {derivedValue}</p>

在这个示例中，我们定义了一个输入框来接收输入值，并将其绑定到inputValue变量上。在onMount钩子函数中，我们初始化了派生值derivedValue，并在beforeUpdate钩子函数中检查输入值是否发生变化。如果输入值发生变化，我们通过调用calculateDerivedValue函数来更新派生值。

需要注意的是，这只是一种在Svelte中实现从输入值派生派生值的方法，具体的实现方式可能因项目需求而异。如果你需要更复杂的派生值逻辑，你可以根据具体情况进行调整和扩展。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于运行和部署应用程序。
• 腾讯云云数据库 MySQL：提供高性能、可扩展的云数据库服务，适用于各种应用场景。
• 腾讯云对象存储（COS）：提供安全可靠的云存储服务，用于存储和管理大规模的非结构化数据。
• 腾讯云人工智能：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户快速构建和管理物联网应用。
• 腾讯云区块链服务（BCS）：提供安全可信的区块链服务，用于构建和管理区块链网络和应用。
• 腾讯云视频处理（VOD）：提供强大的视频处理和分发服务，用于存储、转码、截图和播放视频内容。
• 腾讯云音视频通信（TRTC）：提供高质量、低延迟的音视频通信服务，用于实时音视频通话和互动直播。

请注意，以上推荐的腾讯云产品仅供参考，具体的选择应根据项目需求和实际情况进行评估。