Skip to content

Cannot write Mustache syntax in template #698

Closed
@ulivz

Description

@ulivz
Member

Did the vue init command itself result in an error?

  • No.

Actual result:

  • I try to write mustache syntax {{ ... }} at my .vue component file. the hbs render engine will transform it as hbs element. and even if the var is not defined, vue-cli will not throw error:
{{ a.b }}  <!-- Will be transformed to empty, and doesn't throw error -->

Expected result:

vue-cli should rewrite the transform function to add extra syntax to distinguish hbs-mustache token and vue-mustache token. And when customized template try to use non-existed variable, vue-cli should throw error.

Activity

LinusBorg

LinusBorg commented on Dec 27, 2017

@LinusBorg
Member

We are currently not planning to mess with the handlebars defaults, at least not in the 2.* version of vue-cli. There's alreadya request for this though: #546

So for now:

  1. You can escape those easily:
  <h1>\{{message}}</h1>

We do that in our templates as well, see here.

  1. You can make the vue-cli skip interpolation for some files in your own templates: https://github.com/vuejs/vue-cli#skip-rendering
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @LinusBorg@ulivz

        Issue actions

          Cannot write Mustache syntax in template · Issue #698 · vuejs/vue-cli