How to connect vue.js to yii2?

Question

Yii

Greetings! I decided to try Vue.js, but I can't connect vuejs to the yii2 project:
I wrote in AppAsset.php

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

In the vuejsscript.js file the content is

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

and in the form, respectively

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

But for some reason the following {{ title }} is displayed. Both vue.js and vuejsscript.js are included and accessible from the browser. Tell me what I'm doing wrong?

Answer 1

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