Как подружить mustache в node.js и vue.js?

Question

[AdNahim]

Решил попробовать vue.js и сразу наткнулся на проблемы.
Как я понял дело в том, что приложение на node.js и используется mustache, который видимо "конфликтует" с мусташем при выводе данных от vue.js.

Вообщем, простенький:

var App = Vue.extend({
	name: "app"
});

var vm = new App({
	el: "#app",
	data: {
		name: 'test'
	},
	ready: function(){
		console.log("Готово...");
	}
});

html:

<div id="app" data-name="{{name}}">{{name}}</div>

при работе через node.js ничего не выводит в #app, а ежели просто открыть в браузере, минуя node.js, то всё прекрасно отработает.

Понятно, что дело именно в мусташе, а точнее, видимо при рендеринге откидываются {{конструкции}}, не указанные в res.render, отсюда они и не доходят до vue.js. Как подобное решить, кроме как отказаться от мусташа на бэкэнде?

Благодарю!

Answer 1

[AdNahim]

Решение нашлось.

Чтобы дать понять мусташу, что {{конструкиця}} не должна обрабатываться на стороне сервера, надо выделить требуемый участок разметки конструкцией: {{={{{ }}}=}} ... {{{={{ }}=}}}.

Итого, в моём случаи это так:

{{={{{ }}}=}}
   <div id="app" data-name="{{name}}">{{name}}</div>
{{{={{ }}=}}}

Comments

[Дима]

"All variables are HTML escaped by default. If you want to return unescaped HTML, use the triple mustache: {{{name}}}."