使用带有 Go 后端的 VueJS

Question

我想使用 Go 模板和 VueJS 进行数据绑定。有没有人整合过两者？

我希望主要将 VueJS 用于 Ajax 调用，因为手动调用（或使用 jQuery）总是让我的代码混乱。

更具体地说，如果我有一个简单的<p>标签，其值是从 Go 模板生成的，如下所示：

{{.Color}}

现在我想绑定到
中的值 像这样：

{{someVariable}} 

两者都用于同一个标签。

Answer 1

如果您将 Vue.js 与另一个模板系统混合使用，您可以选择将内插定界符（默认情况下 ['{{','}}']）更改为其他内容。

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

现在您可以在 golang 中使用 {{.}}，在 Vue 中使用 ${}

Answer 2

在 Go 端，您可以定义自己的分隔符： https://golang.org/pkg/text/template/#Template.Delims