vue.js - Custom delimiters don't work for components in .vue files

Question

I'm trying to use Flask with Vuejs. To keep constant style I want to set up other delimiters than curly brackets.

In main app file, before even defining app I use the code:

Vue.mixin({
    delimiters: ['[[', ']]']
});

It works for every app and components except those that are defined in .vue files. Even if I use the same code inside component's code in .vue file it spreads everywhere except that component:

<script> 
    import Vue from 'vue';
    Vue.mixin({ delimiters: ['[[',']]'] }); // tried it, no result
    export default {
        name: 'testComponentInVueFile',
        //delimiters: ['[[', ']]'], // tried it too, no result
        data: function(){
        ...
        }}
        ...
</script>

Version is 2.5.17. What am I doing wrong? Thanks!

Answer 1

Waitting for answers