PHP模版语法支持vue,javascript - 如何将PHP smarty模板与Vue.js集成？

我正在使用PHP中的Smarty模板引擎工作，并且想要将VUE.js集成到我的应用程序中，但是似乎Smarty不理解Vue.js语法(双花括号)

下面的代码:home.tpl

{include file="partials/header.tpl" title="Home"}

{include file="partials/navbar.tpl"}

Test Heading

{{ message }}

{include file="partials/footer.tpl"}

footer.tpl

app.js

var app = new Vue({

el: '#app',

data: {

message: 'Hello Vue!'

}

})

Error Message:

Fatal error: Uncaught --> Smarty Compiler: Syntax error in template "file:\resource\html\templates\home.tpl" on line 11 "{{ message }}" - Unexpected "{ "

任何帮助表示赞赏。谢谢

最佳答案

在您的app.js中使用delimitersvar app = new Vue({

delimiters: ['%%', '%%'],

el: '#app',

data: {

message: 'Hello Vue!'

},

});

然后在home.tpl中用message包装%%{include file="partials/header.tpl" title="Home"}

{include file="partials/navbar.tpl"}

Test Heading

%% message %%

{include file="partials/footer.tpl"}