2016-01-03 3 views
0

Я хочу использовать Vue js внутри моего плагина WordPress. Вот мой HTML разметка:Использование Vue JS внутри WordPress

<div class="wrap" id="vue-app"> 
    <h2>Add counter</h2> 
    <p>{{ message }}</p> 
</div> 

и вот мои ЯШИ:

var data = { 
    message: 'Test message...', 
}; 

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

, но это не работает! Я проверил, и оба файла Vue js и my js загружаются правильно. Я действительно смущен, потому что, когда я вставляю этот код в HTML-файл за пределами WordPress, он работает!

+0

Входит ли vue.js в заголовок? и где вы помещаете вышеуказанный код? – DaMaGeX

+1

Это должно работать нормально. Убедитесь, что Vue загружается, а также убедитесь, что DOM загружается при запуске объекта Vue. (например, 'window.onload'.) –

+0

Спасибо, что это сработало :) –

ответ

0

Как насчет этого?

new Vue({ 
    el: '#vue-app', 
    data: { 
    message: 'Test message...', 
    } 
}) 
Смежные вопросы