Vueコンポーネントデリミタ

Question

vue 1.3を使用する必要のあるクライアント用のWebサイトがあり、定義したデリミタがコンポーネントレベルで動作していないため、文字列補間をIDに使用する際に問題があります。

以下のコードサンプルでは、​​私は何かが存在しないというエラーが発生し続けます。私は小枝のテンプレートの内側にもこのコードを使用しています。ここで

は、私のコードのサンプルです：スラッシュをバック使用して、文字列の補間から

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

Vue.component('component-name', { 
    delimiters: ['${', '}'], 
    template: `<template>${ showSomething() }</template>`, 
    methods: { 
     showSomething: function() { 
      return 'SOMETHING'; 
     } 
    } 
}) 

new Vue({ 
     el: '#app', 
}); 

Answer 1

脱出。

あなたは2つの方法でそれを行うことができます。 $の前後にスラッシュを入れます。あなたのケースでは ：

template: `<template>\${ showSomething() }</template>`, 

それとも

template: `<template>$\{ showSomething() }</template>`, 

app.js

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

Vue.component('component-name', { 
    delimiters: ['${', '}'], 
    template: `<template>\${ showSomething() }</template>`, // 'back slash to escape string interpolation' 
    methods: { 
     showSomething: function() { 
      return 'SOMETHING'; 
     } 
    } 
}) 

new Vue({ 
     el: '#app', 
});