dimanche 5 février 2017

Laravel vue js integration - No values in blade file

I try to integrate vue.js with laravel 5.3. I call "gulp" which creates the main.js file in the public folder. I can see in the browser that the js file is loaded but the value of "message" is not shown. It is only written . Any ideas why?

<body>
    <div class="container">
        <div class="content">
            <div class="title">                   
                <p>@</p>
            </div>
        </div>
    </div>
   <script src="js/main.js"></script> 
</body>

gulpfile:

var elixir = require('laravel-elixir');
require('laravel-elixir-browserify-official');
require('laravel-elixir-vueify');

elixir(mix => {
   mix.sass('app.scss').browserify('main.js');
});

main.js:

import Vue from 'vue';

var app = new Vue({
   el: 'body',
   data: {
      message: 'Hello Vue!'
   }
})



from Newest questions tagged laravel-5 - Stack Overflow http://ift.tt/2lc02nC
via IFTTT

Aucun commentaire:

Enregistrer un commentaire