Vue.js thay đổi {{}} thẻ

Question

Tôi muốn thay đổi {{ something }} bằng <% something %> trong Vue.js, làm cách nào tôi có thể đạt được điều đó, thậm chí có thể không?

Một tương đương cho những gì tôi tìm kiếm trong AngularJS:

var app = angular.module('app', [], function($interpolateProvider) { 
    $interpolateProvider.startSymbol('<%'); 
    $interpolateProvider.endSymbol('%>'); 
}); 

Cảm ơn rất nhiều sự giúp đỡ của bạn!

Answer 1

Bạn nên sửa đổi thuộc tính delimiters của đối tượng cấu hình.

Vue.config.delimiters = ['<%', '%>'] 

Chỉnh sửa: Giải pháp này hoạt động cho Vue 1.x trở xuống. Xem các câu trả lời @Skip và @jaynabonne cho giải pháp Vue 2.x

Answer 2

Với phiên bản mới nhất (2.0.5), phần trên không hoạt động. Thay vì chỉ định cho cấu hình chung, bạn chuyển các dấu phân tách dưới dạng tùy chọn cho trường hợp Vue:

new Vue({ 
    el: '#app', 
    data: data, 
    delimiters: ["<%","%>"] 
}); 

Ít nhất, đó là những gì tôi phải làm để làm việc.

Answer 3

Tôi đang chạy Vue 2.1.0 độc lập và đây là những gì tôi đã phải sử dụng

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