Interpolation fails on inline string containing HTML

As demonstrated in this fiddle, the following is interpreted literally:

<p>{{{ '<strong>hello</strong> world' }}}</p>

Instead, I would expect it to produce:

<p><strong>hello</strong> world</p>

This also occurs with normal interpolation ({{ }}).

[Bilie]

Hi

I am not entirely convinced this should be considered a bug. According to the docs: The mustache tag will be replaced with the value of the msg property on the corresponding data object. In your example there is no data object.

To be able to get an error message I modified your example from

<p>{{{ '<strong>hello</strong> world' }}}</p>

to

<p v-html="<strong>hello</strong> world"></p>

as the docs state the triple curly braces will ultimately be compiled as v-html directive. Then you can see in the console the following warning:

[Vue warn]: Invalid expression. Generated function body: <scope.strong>scope.hello</scope.strong>scope.world

What is happening here is vue is looking for the properties on the data object but cannot find them because they are not there. Here is a working example: https://jsfiddle.net/bsyxkxy2/

[yyx990803]

Closing 1.x issues as 1.x is now end of life and will only receive critical security patches.