Svelte 代码片段、工具集

工具集

• Svelte MediaQuery 工具

$state 工厂函数

<script>
	let makeText = function(def){
		let myText = $state(def);
		return { 
			get text() { return myText },
			set text(text) { myText = text },
		}
	}
	let text = makeText("test");
</script>
 
<input type="text" bind:value={text.text}/>
Text: {text.text}

我们为文本变量提供了 getter 和 setter；这是因为调用 bind:value是双向绑定，需要对状态对象进行读写访问。