title: How to pass Django variable to Vue prop
body: <p>I'm trying to pass a Django template boolean variable to a Vue component.</p>
  <p>At the component I added the variable to the props and specified the type:</p>
  <pre><code>Vue.component('my-component', {
  props: {
          id: {type: Number, required: true},
          static_url: {type: String, required: true},
          the_boolean_variable: {type: Boolean, required: true},
      },
  </code></pre>
  <p>Creating the component:</p>
  <pre><code>&lt;my-component v-bind:id={{ job.pk }}
                static_url=&quot;{{STATIC_URL}}&quot;
                v-bind:the_boolean_variable={{ client.show_price }}&gt;
  &lt;/my-component&gt;
  </code></pre>
  <p>My first attempt was to not bind it but just pass along the value of client.show_price. The value of the_boolean_variable was set to the string &quot;True&quot; or &quot;False&quot; and Vue complained that it received a string rather than a boolean.</p>
  <p>Duckduckgo told me that I need to bind non-string values, so I did but now I have the following error: &quot;Property or method &quot;True&quot; is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: <a href="https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.%22" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.&quot;</a>. Inspecting the value of the_boolean_variable shows 'undefined'.</p>
  <p>I know that {{ client.show_price }} is set because if I print it, it shows up on the page, and if I put true rather than {{ client.show_price }} there are no errors.</p>
  <p>Thus I think that Vue is confused what kind of expression it is? Maybe it clashes with the Django template language? Any help is greatly appreciated!</p>
  <p>edit: I've added delimiters: [&quot;&lt;%&quot;,&quot;%&gt;&quot;], to the vue component and the problem still persists.</p>