我正在使用express Handlebar构建一个应用程序,用于服务器端模板.在客户端,我想使用vue.js.然而,它们都使用相同的双括号符号{{ variable }}.现在,我的vue.js变量没有显示,因为我的Handlebar模板正在覆盖它.例如:

家html:

<div id="app">
   {{message}} //this will not show up
</div> 

回家.js:

new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue.js!'
    }
});

但是,如果我在服务器端控制器中定义message:

res.render('../views/home', {
    message: 'message from handlebars'
});

消息就会出现.

总之,有没有一种方法可以使用vue.js用于客户端模板,而仍然使用express Handlebar用于服务器端模板?

提前谢谢!

推荐答案

您可以将Vue Demlimiter更改为something else,例如:

Vue.config.delimiters = ['${', '}']

Vue.js相关问答推荐

如何在与父集合相同的读取中取回子集合(或重构数据?)

将Vite Vuejs应用部署到Apache服务器

如何在Vue 3中将动态特性从主零部件同步到子零部件

Select 项目后,Vuetify v-select在select后面显示数字1

更新 Shopware 管理 CMS 组件中的编辑器视图

vue js如何将布尔值传到数据库

Vue 3 / Vuetify 3:如何为按钮设置全局默认 colored颜色

在keyup Vuejs 2上获取输入值

Vuex:如何等待动作完成?

如何有条件地更改 vue/vuetify 文本字段 colored颜色

加载和渲染时对象值上的 Vue.js 未定义错误

Vue 和 TypeScript 所需的props

如何使用 vuejs 从 SPA 访问 /storage -laravel- 中的图像

在 Vuejs 中计算 DOM 元素之间距离的最佳方法是什么?

如何在 VUE 应用中使用 sass?

如何在 Vue 类组件中定义过滤器?

从 vue.js 中的 store 获得的计算(computed)属性的设置器

从子组件 Vue 更新父模型

检测 Vue-Router 导航Guards中的后退按钮

如何修复套接字 io 中的 400 错误错误请求?