Javascript 如何使用NPM将Vue JS与Wordpress结合使用? 通过安装NPM并将Vue模块导入Wordpress HTML模板,使用Vue JS的最佳方式是什么?

Javascript 如何使用NPM将Vue JS与Wordpress结合使用? 通过安装NPM并将Vue模块导入Wordpress HTML模板,使用Vue JS的最佳方式是什么?,javascript,php,wordpress,vue.js,npm,Javascript,Php,Wordpress,Vue.js,Npm,有很多方法可以做到这一点,但它们都有自己的利弊 例如,使用CDN Vue js: 优点: 它使用起来很简单。 能够进行简单的交互和DOM处理。 缺点: 您无法在Vue中使用标记。 无法使用限定范围的css/scss样式。 没有办法使用其他节点模块,如网页包和其他东西。 代码可能更混乱。 [已编辑]:我不想要Wordpress的SPA页面。我只想管理组件和重复代码,并将它们划分为组件集。 编辑: 这是我已经完成的解决方案。如果有人提出请求,我会通知你的。 我创建了使用VueJS和构建过程的主题。我

有很多方法可以做到这一点,但它们都有自己的利弊

例如,使用CDN Vue js:

优点:

它使用起来很简单。 能够进行简单的交互和DOM处理。 缺点:

您无法在Vue中使用标记。 无法使用限定范围的css/scss样式。 没有办法使用其他节点模块,如网页包和其他东西。 代码可能更混乱。 [已编辑]:我不想要Wordpress的SPA页面。我只想管理组件和重复代码,并将它们划分为组件集。 编辑: 这是我已经完成的解决方案。如果有人提出请求,我会通知你的。

我创建了使用VueJS和构建过程的主题。我使用了一个名为的初学者主题,它是由团队创建的

Sage作为WordPress入门主题引入,具有现代开发工作流程,这是正确的做法。它们有一个设置,基本上允许您在特定页面上运行特定脚本

这在使用vueJS时非常方便。您可以浏览他们讨论的关于如何将VueJ添加为依赖项的内容

它具有browsersync和热模块重新加载功能,可以在不重新加载的情况下更新您的技术。您可以使用“纱线开始”进行开发,一旦您想要构建主题的生产版本,只需运行纱线构建:生产

在我的主题中,我必须创建多个组件,这些组件之间没有直接连接,但我添加了一些组件来管理我的状态,并使用mapAction和mapGetter更新这些组件

您将无法通过CDN实现这一点。虽然它带来了使用NPM的麻烦,但它是一个工作流,它也让您能够充分利用VueJS的潜力

我还写了一篇博客,解释了我如何使用Github操作将更新的代码推送到生产服务器或临时服务器。你可以在这里阅读-


非常感谢你的推荐。Sage工作流是一个伟大的工作流,它在刀片模板引擎发挥作用的地方变得更加方便。然而,我更喜欢的方式是不使用这些类型的工作流和框架。我只是想知道如何将Vue模块导入到我的HTML wordpress主题中。我目前的项目是一个小型项目,不需要大型框架。不过,我认为圣人是为了将来。再次感谢:D