svelte中怎么监听数据的更新呢 就像是vue的watch

svelte中怎么监听数据的更新呢 就像是vue的watch

svelte中怎么监听数据的更新呢 就像是vue的watch

https://www.sveltejs.cn/tutorial/reactive-statements 我们不仅提供了声明反应式的 值,我们还可以运行反应式的 语句。例如,当 count 的值改变时就输出到日志中:看看这个是不是

这样就能达到监听的目的,每次点击按钮的时候,就会触发下边的 console.log 和 alert。


<div>
  <button on:click={add}>count++</button>
</div>

<script>
let count = 0;

$: {
    console.log(`the count is ${count}`);
    alert(`I SAID THE COUNT IS ${count}`);
}

function add() {
  count = count + 1
}

</script>
  • 这篇博客: 【svelte】svelte快速上手中的 图片使用 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    • 静态图片放到public下,直接使用:
    let image = '/aaa.jpeg'
    
    • html里载入:
    <img src={image} alt=''>
    
    • 动态图片地址除了url暂没找到咋整。