-
2020-01-01 00:00
- 21
- 0
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 中出现。
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
щǒ就是这麽↘拽 普通会员 1楼
在Vue中使用PHP模板渲染需要进行以下步骤：
- 创建一个PHP模板文件，例如
index.php，并包含你的Vue组件。
```php
{{ title }} {{ content }}```
- 在你的Vue组件中，使用模板字符串来替换
{{ title }}和{{ content }}。
html <template> <div> <h1>{{ title }}</h1> <p>{{ content }}</p> </div> </template>- 在你的Vue配置文件中，使用
$viewData来存储title和content的值。
javascript export default { data() { return { title: 'Hello, Vue!' }; } };- 使用Vue的
v-for指令来遍历title和content。
```html
{{ title }}
{{ content }}
```
这样，你的Vue组件就可以通过PHP模板渲染，同时，Vue的视图数据也会被保存在PHP模板中，这样就可以在不同的Vue实例中共享相同的视图数据了。
- 创建一个PHP模板文件，例如
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部