Laravel和React应用程序,如何使用视图?

时间:2019-01-09 00:25:28

标签: javascript reactjs laravel

几个月前,我与Laravel一起启动了一个项目,该项目具有一项特定功能:jQuery(具有6-7k行),因为我对jQuery的可维护性完全不满意而放弃了。

将有一些功能,例如会员帐户,新闻和此应用程序。我改用React来从头开始构建此应用程序,但是我想要Laravel管理的网站的其他功能(我不需要任何JavaScript)。

我的问题是:可以为该应用程序构建一些刀片视图(家庭,帐户)和一个视图(application.blade.php),并且仅使用一些ID来管理我的React组件吗?

<div class="container">
    <div id="myc1"></div>
    <div id="myc2"></div>
     ....
</div>

还是一个非常不好的做法/想法?

1 个答案:

答案 0 :(得分:1)

是的,这是一个很好的方法,但是我建议您将vue.js *与Laravel一起使用,而不要使用jquery * [Vue.js是用于构建用户界面和单页应用程序的开源JavaScript框架。] 为什么在使用Laravel时应该使用Vue.js? 如果您使用的是Laravel最新版本,您会发现它通常与Vue捆绑在一起,并与其他工具(如Bootstrap和jQuery)捆绑在一起。  您还会在Laravel文档中注意到,他们对使用Vue组件进行了简短介绍,Vue与Laravel很好地集成在一起。 您可以创建Vue组件并使用它们,就像在刀片文件中使用常规HTML标签一样。 您可以从渲染刀片文件时生成的输出中将props传递给组件。