Experiences with Vue inside F3

[Yoeri Nijs]

Hi all,

Currently, I am working on integrating Vue inside my project. In my case, I noticed that the Vue syntax might cause a conflict with the Fatfree template engine. For instance, Vue works with the curly brackets as well in order to present a variable to the user. Does anyone have worked with Vue inside a F3 project earlier? I am just curious to other experiences.

Best!

[ikkez]

that's no problem.. you can write {-{{ myVariable }}-} to make the template engine ignore this expression.

[Bellegueulle Damien]

Or change delimiter like this :

    new Vue({     
      el: '.time',
      delimiters: ['{%', '%}'],
      data: {
        heurenow: '',
        datenow: ''
      },
      methods: {
        time() {
          var self = this;
          this.heurenow = moment().format('HH:mm');
          this.datenow = moment().format('dddd Do MMMM YYYY');
          setInterval(self.time, 10000);
        },
      },
      mounted: function() {
        this.time()
      }
    });