vue 渲染为php template 问题

Question

vue 宣传页预渲染成PHP template问题

用vue做的宣传单页,build 后的页面只有一个div 标签，内容都在js 文件用，最关键的是一些页面需要php变量 输出一些数据，这些数据是无状态的，异步请求浪费一次请求，需求希望在用php 模板直接报一些数据渲染到页面中，一次请求，加载出所有页面的数据。

尝试

用 prerender-spa-plugin 做预渲染，页面中没有php 直出的数据效果还可以，如果页面中需要php 变量输入数据 如：{$list} 得到一个列表，预渲染出来的html 就没有数据了。
尝试配置 externals 把php 输出数据当变量 应用，但没有效果。

相关代码

  externals: {
        pagedata: 'pagedata'
    },
    // prerender-spa-plugin
    plugins:[
    new PrerenderSPAPlugin({
          // Index.html is in the root directory.
          staticDir: path.join(__dirname, '../dist'),
          routes: ['/'],
          // Optional minification.
          minify: {
              collapseBooleanAttributes: false,
              collapseWhitespace: false,
              decodeEntities: false,
              keepClosingSlash: false,
              sortAttributes: false
          },

          // renderer: new Renderer({
          //     renderAfterTime: 5000,
          // })
      })
     ]
     
     
    // 不用webpack 时 单例 vue  {$user} PHP模板变量
      data: {
                haha:{$user.haha_balance},
                balance:{$user.balance},
        }
     

需要拿到PHP 模板中的 变量数据， 然后后预渲染忽略这些变量，但能在最后build 的html 中出现。

Answer 1

你要php来渲染数据,那用vue的意义又是什么

Answer 2

你想让php渲染模板，那么你不能用vue-cli生成项目，你只能用<script>引入vue，这种场景下，var a = {$user}；php就可以直接渲染好啊，然后你js调用你这个变量就可以了啊