在 Svelte 中使用 WordPress (PHP) 字符串和变量

Posted

技术标签:

【中文标题】在 Svelte 中使用 WordPress (PHP) 字符串和变量【英文标题】:Use WordPress (PHP) Strings and variables in Svelte 【发布时间】:2022-01-11 05:08:54 【问题描述】:

我有一个用于构建 WooCommerce 产品的高级自定义配置器。

jQuery 版本极其缓慢、陈旧且未经优化。 我想将它切换到 Svelte(我知道 Vue 可能是一个更简单的选择)。

我想知道是否可以在我的 Svelte 代码中嵌入像 <?= __('My text', 'domain'); ?> 这样的 WordPress 字符串。

理论上,可以将变量传递给 JS 对象,但通常非常繁琐,只需将脚本放在 php 文件的 <script> 部分并自动使用其中回显的变量即可。

与 Vue 不同,Svelte 在构建时而不是运行时编译为原生 JS,所以我不能只使用文件中的标记。这就是为什么我想知道是否可以在其中使用 WordPress 字符串?

【问题讨论】:

【参考方案1】:

我使用 svelte 开发 wordpress 插件,在这种情况下,您需要做的是使用 wp_localize_script 将其作为全局变量传递到 svelte 脚本,并将您需要的所有数据的对象传递给那里,然后使用 @ 简单地访问它987654322@ .. 这是最简单和推荐的方式。

【讨论】:

以上是关于在 Svelte 中使用 WordPress (PHP) 字符串和变量的主要内容,如果未能解决你的问题,请参考以下文章

找不到模块“./App.svelte”或其对应的类型声明

如何使用 SCSS 在 svelte 中拥有多个 css 包

如何在 Svelte 的类属性中使用反应函数?

如何在 Svelte 中使用本地静态图像

如何在 Svelte 中使用 jQuery

在带有 Svelte 的每个块中使用定义的变量