Блог

Главная - Вопросы по программированию - Как назначить теги «Vue Js» в глобальном масштабе?

Как назначить теги «Vue Js» в глобальном масштабе?

#javascript #jquery #html #vue.js

#javascript #jquery #HTML #vue.js

Вопрос:

Я новичок в Vue.js , здесь у меня возникли проблемы с объявлением разделителя во всех экземплярах.

Мой КОД :

HTML:

 <div id="app">
  <p>${ message }</p>
</div>

<div id="app-2">
   <span v-bind:title="message">
      Hello ${ message }
   </span>
</div>

Vue.JS :

 var app1 = new Vue({
    el: '#app',
    delimiters: ['${', '}'],
    data: {
        message: 'Hi all !'
    }
});

var app2 = new Vue({
    el: '#app-2',
    delimiters: ['${', '}'],
    data: {
        message: 'you will load in '   new Date()
    }
});

Есть ли какой-либо способ объявить теги «разделителями: [‘${‘, ‘}’]» в глобальном масштабе для общего для всех экземпляров Vue внутри страницы?

Комментарии:

1. Посмотрите, может ли Mixin помочь.

Ответ №1:

Я бы сказал, что следующая строка делает то, что вы хотите:

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

new Vue({

})

Комментарии:

1. Какую версию Vue вы используете?

2. это Vue Js 2.0

3. Хо, я вижу, извините, это устарело в версии 2.0: vuejs.org/guide/migration.html#Vue-config-delimiters-deprecated так что вам придется использовать то, что вы уже используете. Или с использованием миксинов, как предложил @Mathew Jibin