Answers.Body: <p>It sounds to me like you're running into a collision with Vue's template delimiters vs Twig's, which by default are the same as each other (<code>{{ ... }}</code>). The solution is to change Vue's delimiters to something else when you initialise, like this:</p>
  <pre><code>const vm = new Vue({
      el: '#app',
      delimiters: ['${', '}'],
      ...
      ...
  });
  </code></pre>
  <p>You'd then need to use <code>${ ... }</code> as your Vue delimiters.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-05-04T06:35:07.080Z
Answers.LastActivityDate: 2021-05-04T06:35:07.080Z
Answers.UserDisplayName: James Smith
Body: <p>I have 3 freeforms - form 1, form 2 and form 3. I want a select option on which I click and the necessary form opens as per the selection.</p>
  <p>Can I render the Freeform which are build using VUE js Select method?</p>
  <p>If so how? Because when I try to render Craft.Freeform it shows me this error</p>
  <p><a href="https://i.sstatic.net/fEaLe.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/fEaLe.png" alt="enter image description here" /></a></p>
  
Tags: <craft3><plugin-craftcommerce><plugin-freeform><vue>
Title: Freeform to show via Vue Js
ThreadText: # Freeform to show via Vue Js
  
  (Asked by: username_0 on 2021-05-03)
  
  I have 3 freeforms - form 1, form 2 and form 3. I want a select option on which I click and the necessary form opens as per the selection.
  
  Can I render the Freeform which are build using VUE js Select method?
  
  If so how? Because when I try to render Craft.Freeform it shows me this error
  
  [![enter image description here](https://i.sstatic.net/fEaLe.png)](https://i.sstatic.net/fEaLe.png)
  
  **Tags:** craft3, plugin-craftcommerce, plugin-freeform, vue
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2021-05-04. Score: 1
  
  It sounds to me like you're running into a collision with Vue's template delimiters vs Twig's, which by default are the same as each other (`{{ ... }}`). The solution is to change Vue's delimiters to something else when you initialise, like this:
  
  ```
  const vm = new Vue({
      el: '#app',
      delimiters: ['${', '}'],
      ...
      ...
  });
  
  ```
  
  You'd then need to use `${ ... }` as your Vue delimiters.
  
  
  ---
  
  