title: How to access variables handled by angularjs, using vuejs?
body: <p>I have an <code>angularjs</code> project and I'm trying to create a page made in angular, using <code>Vuejs</code>.</p>
  
  <p>I've been reading <code>vuejs</code>'s documentation but I can't quite figure out how to handle the variables used with angular inside my <code>.twig</code> file.</p>
  
  <p>For instance, if I have something like this:</p>
  
  <pre><code>&lt;section id="ProjectController"&gt;
      &lt;div class="list-default list-lg"&gt;
          &lt;a class="animated fade-in-right" v-for="project in projects" ng-href="{% verbatim %}{{ project.url }}{% endverbatim %}"&gt;
              &lt;project project-on-delete="onDelete" project-show-delete-action="true" project-allow-delete="project.ownerId == user.id" project-show-progress="true" project-show-status="true"&gt;&lt;/project&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>I know <code>ng-controller</code>= id, <code>ng-repeat</code> = v-for</p>
  
  <p>And I have this basic js:</p>
  
  <pre><code>    var ProjectController = new Vue({
        ready: function () {
          this.fetchUsers();
        }
        el: '#ProjectController',
        data: {
          projects: null
        },
        methods:{
         getProjects: function(){ 
           this.projects = JSON.parse('array with cluster, id, name, ownerId, etc');
      }
    },
    mounted: function () {
      this.getProjects();
    }
  })
  </code></pre>
  
  <p>Now, how can I access those variables (Like <code>project</code> or <code>id</code>) inside the json array?</p>