Как подключить vue.js к yii2?

Question

[ZaurK]

Приветствую! Решил попробовать Vue.js, но не могу подключить vuejs к проекту на yii2:
В AppAsset.php прописал

public $js = [
	    'js/vue.js',
	    'js/vuejsscript.js',
    ];

В файле vuejsscript.js содержимое

new Vue({
	el: '#app',
	data: {
		title: 'Hello, I am Vue!';
	}
});

а в виде соответственно

<div id="app">
    <p>{{ title }}</p>
</div>

Но почему-то отображается следующее {{ title }}. Оба файла vue.js и vuejsscript.js подключены и доступны из браузера. Подскажите, что я не правильно делаю?

Answer 1

[myxasa]

во view/ где нибудь

$this->registerJsFile(' js file path ', ['depends' => 'app\assets\AppAsset']);

Comments

[ZaurK]

Сделал вот так $this->registerJsFile('@web/js/vuejsscript.js', ['depends' => 'app\assets\AppAsset']); но изменений нет

[ZaurK]

Оба варианта почему-то не работают, хотя вижу, что файлы подключены. Ведь если из браузера файлы js доступны, то значит они подключены, но что-то другое мешает там...

[Микола]

ZaurK, В консоли ошибок нет?

[ZaurK]

Микола, ошибок в консоли нет

[ZaurK]

Спасибо, работает и с таким способом подключения, как вы показали, и вариант как у меня через AppAsset тоже работает, проблема была в ненужной точке с запятой после 'Hello, I am Vue!'

Answer 2

[ZaurK]

Спасибо всем, проблема решилась, оказывается ошибка была банальная - не нужна точка с запятой в конце title: 'Hello, I am Vue!'