Wie legen Sie globale Trennzeichen in Vue.js 2.0 fest?

Question

In Vue.js 1.0, kann ich globale Trennzeichen durch die folgenden Codes

Vue.config.delimiters = ['${', '}']; 

aber es war von Vue.js 2.0 entfernt gesetzt. Muss ich die folgenden Codes verwenden, um jedesmal Trennzeichen zu setzen?

new Vue({ 
    delimiters: ['${', '}'] 
}) 

Answer 1

Soweit ich ihm bewusst bin, ist keine Möglichkeit, die Trennzeichen global zu setzen, hier ist die Erklärung dafür, warum:

... in 2.0 Trennzeichen werden eine Komponentenebene Option werden, die bedeutet, dass Sie es nur für die Stamminstanz festlegen müssen, die auf In-DOM-Vorlagen angewiesen ist. Alle Komponenten, die von vueify oder vue-loader verarbeitet werden, können einfach die Standardtrennzeichen verwenden.

Die Änderung soll die Verwendung von Drittanbieterkomponenten vereinfachen, da das globale Ändern der Begrenzer bedeutet, dass Sie sie nicht korrekt kompilieren können.

Quelle: https://github.com/vuejs/vue-cli/issues/100

Answer 2

Aber was einfache Abhilfe.

VueConfig.js

export const VueConfig = { delimiters: ['${', '}'] };

und dann auf Ihrem App.js Sie einfach tun

`` `: Sie können Klasse, const oder irgendeine Art von Config wie vorbereiten

import {VueConfig} from './VueConfig'; 

new Vue(
    Object.assign(VueConfig, { 
     el: '#app', 
     data: { 
      msg: 'Oh my app', 
     } 
    }) 
); 

`` `

Effekt ist hier wie: http://take.ms/wiPGR

Answer 3

Für Vue2, versuchen Sie es wie folgt aus:

Vue.options.delimiters = ['${', '}'];