请问，在服务器端渲染页面，php数据能直接输出到.vue组件中的template中使用吗？

Question

• 学习了vue-loader-example示例后打算在laravel框架中用这个做前端，但发现php数据好像不能直接像之前那样输出在.vue组件中，还是说要怎么做？

• 是不是不直接使用.vue单文件组件，而像vue-webpack-example中一样，将三类文件独立开，就可以将php数据直接用在页面模板中了吗？（自然知道这不利于分离，鉴于目前的学习情况想一步步来进行转变）

• 如果使用ajax来获取全部数据，就连全页面刷新也通过二次请求来获取，是不是不好？

• 如果前后端分离，而非SPA的做法，是不是还是在Node层上获取api来进行页面渲染的好，这时候是不是就可以直接把node层获取的数据直接交给.vue组件进行页面渲染了？

• 然后是SPA的问题，SEO有没有更好的解决方案？目前是PJAX和SEO服务两种方案吗？

• 谢谢！

Answer 1

目前社区已有的探索 PHP 与 Vue 通用直出模板方案

不建议

php数据直接用在页面模板

前后端不管怎么分离，页面的数据还是要从后台获取。获取数据就2种方法: 1. 后台直出 2. ajax。个人建议ajax。

就连全页面刷新也通过二次请求来获取，是不是不好？

综合考虑，利大于弊，当然请求这部分可以做优化，比如前端缓存数据，首屏的数据优先请求渲染，后台接口做缓存等

可以考虑服务端渲染 https://ssr.vuejs.org/zh/，利于SEO ，优先考虑nodejs,官方有做支持的。JavaScript和nodejs渊源颇深，相互配合，就想男女单配干活一样。